fix: mention input zoom behaviour

components/social/mentions-drawer.tsx

@@ -113,8 +113,14 @@ export function MentionsDrawer({
       >
         <DrawerHeader className="border-b border-border text-left">
           <DrawerTitle className="text-base">Mentions</DrawerTitle>
+        </DrawerHeader>
+
+        <div className="flex-1 min-h-0 overflow-y-auto">
+          {/* Author add-field lives inside the scroll area so its inline
+              results scroll with the sheet instead of overflowing a fixed
+              header. */}
           {isAuthor ? (
-            <div className="mt-2">
+            <div className="p-4 pb-2">
               <MentionAutocomplete
                 excludeIds={list.map((m) => m.id).filter((id): id is string => !!id)}
                 onSelect={add}
@@ -122,9 +128,6 @@ export function MentionsDrawer({
               />
             </div>
           ) : null}
-        </DrawerHeader>
-
-        <div className="flex-1 min-h-0 overflow-y-auto">
           {status === "loading" ? (
             <Message>Loading…</Message>
           ) : status === "error" ? (