js/desktop/src/features/compose/markdown-editor.css

@@ -69,6 +69,9 @@
   overflow-y: auto;
 }
 
+/* Pad the content (not the card) so the slash menu — which Crepe appends to
+ * .milkdown — can use the full card width/height before clipping. */
 .llink-crepe--fill .milkdown .ProseMirror {
   min-height: 100%;
+  padding: 1.25rem;
 }

js/desktop/src/features/compose/text-editor.tsx

@@ -190,8 +190,11 @@ export function TextEditor({
       {...dropZoneProps}
       onKeyDownCapture={handleKeyDown}
     >
-      <div className="mx-8 flex h-[calc(100%-8rem)] w-full min-w-0 flex-col overflow-hidden rounded-2xl border border-white/10 bg-white/5 p-5 backdrop-blur-xl">
+      <div className="mx-8 flex h-[calc(100%-8rem)] w-full min-w-0 flex-col overflow-hidden rounded-2xl border border-white/10 bg-white/5 backdrop-blur-xl">
-        <div className="min-h-0 flex-1 overflow-y-auto overflow-x-hidden">
+        {/* No padding here: the editor's own scroll box hosts the slash menu,
+            so we pad inside the editor (ProseMirror) instead. That keeps the
+            menu's clipping bounds the full card rather than the inset box. */}
+        <div className="min-h-0 flex-1">
           <MarkdownEditor
             value={textContent}
             onChange={onTextChange}
@@ -200,7 +203,7 @@ export function TextEditor({
         </div>
 
         {hasEnrichments && strip && (
-          <div className="shrink-0 border-t border-white/10 pt-3">
+          <div className="shrink-0 border-t border-white/10 px-5 py-3">
             {strip}
           </div>
         )}