diff --git a/js/desktop/src/features/compose/markdown-editor.css b/js/desktop/src/features/compose/markdown-editor.css
index 4065089..f33e6b7 100644
--- a/js/desktop/src/features/compose/markdown-editor.css
+++ b/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;
 }
diff --git a/js/desktop/src/features/compose/text-editor.tsx b/js/desktop/src/features/compose/text-editor.tsx
index 38db7ab..6855299 100644
--- a/js/desktop/src/features/compose/text-editor.tsx
+++ b/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="min-h-0 flex-1 overflow-y-auto overflow-x-hidden">
+      <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">
+        {/* 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>
         )}