Adjust styles for new Lockicon

src/sidebar/components/Annotation/AnnotationHeader.tsx

@@ -113,10 +113,10 @@ function AnnotationHeader({
 
   return (
     <header>
-      <div className="flex gap-x-1 items-baseline flex-wrap-reverse">
+      <div className="flex gap-x-1 items-center flex-wrap-reverse">
         {isPrivate(annotation.permissions) && !isEditing && (
           <LockIcon
-            className="w-[10px] h-[10px]"
+            className="w-[12px] h-[12px]"
             title="This annotation is visible only to you"
           />
         )}

src/sidebar/components/ShareDialog/ShareAnnotations.tsx

@@ -94,7 +94,7 @@ function ShareAnnotations({ toastMessenger }: ShareAnnotationsProps) {
             )}{' '}
             <span>
               Private (
-              <LockIcon className="inline w-em h-em ml-0.5 -mt-0.5" />{' '}
+              <LockIcon className="inline w-[14px] h-[14px] -mt-0.5" />{' '}
               <em>Only Me</em>) annotations are only visible to you.
             </span>
           </p>