diff --git a/src/uix/eidos/components/command/command-dialog.svelte b/src/uix/eidos/components/command/command-dialog.svelte
index 176eb2ed7..e2da9050f 100644
--- a/src/uix/eidos/components/command/command-dialog.svelte
+++ b/src/uix/eidos/components/command/command-dialog.svelte
@@ -62,7 +62,7 @@
 	<Dialog.Portal>
 		{#if overlay}{@render overlay()}{:else}<Dialog.Overlay />{/if}
 		<Dialog.Content size={dialogSize}>
-			<Dialog.Close position="top-right" />
+			<Dialog.Close position="top-right" variant="ghost" color="neutral" />
 			<CommandRoot
 				{label}
 				bind:value
diff --git a/src/uix/eidos/components/command/command.css b/src/uix/eidos/components/command/command.css
index 0a90d7d14..2c6d99537 100644
--- a/src/uix/eidos/components/command/command.css
+++ b/src/uix/eidos/components/command/command.css
@@ -85,10 +85,17 @@
 }
 
 /* Clear the floating top-right close: the input BOX (not just its text) stops
-   before the close — margin, not padding — so the two never overlap. The close
-   then sits cleanly in the gap at the right of the search row. */
+   before the close — margin, not padding — so the two never overlap, with a
+   comfortable gap. `--control-height-md` is the close's REAL footprint (an md
+   IconButton); the old `--dialog-close-size` token under-measured it → 2px gap. */
 [data-dialog-content] [data-command-input] {
-	margin-inline-end: calc(var(--dialog-close-inset) + var(--dialog-close-size) + var(--space-2));
+	margin-inline-end: calc(var(--dialog-close-inset) + var(--control-height-md) + var(--space-1));
+}
+
+/* Vertically center the floating close on the boxed input row — the dialog's
+   default top inset (for a title row) sits it too low for the command input. */
+[data-dialog-content]:has([data-command]) [data-dialog-close][data-position='top-right'] {
+	top: var(--space-2);
 }
 
 [data-command][data-size='sm'] {