diff --git a/src-web/components/core/Dialog.tsx b/src-web/components/core/Dialog.tsx
index ae0df4f5..715c7cb8 100644
--- a/src-web/components/core/Dialog.tsx
+++ b/src-web/components/core/Dialog.tsx
@@ -47,7 +47,7 @@ export function Dialog({
       <div
         role="dialog"
         className={classNames(
-          'x-theme-dialog absolute inset-0 pointer-events-none',
+          'py-4 x-theme-dialog absolute inset-0 pointer-events-none',
           'h-full flex flex-col items-center justify-center',
           vAlign === 'top' && 'justify-start',
           vAlign === 'center' && 'justify-center',
diff --git a/src-web/hooks/useToggleCommandPalette.tsx b/src-web/hooks/useToggleCommandPalette.tsx
index 71735e61..62cc1716 100644
--- a/src-web/hooks/useToggleCommandPalette.tsx
+++ b/src-web/hooks/useToggleCommandPalette.tsx
@@ -8,7 +8,7 @@ export function useToggleCommandPalette() {
       id: 'command_palette',
       size: 'dynamic',
       hideX: true,
-      className: '!max-h-[min(30rem,calc(100vh-4rem))]',
+      className: 'mb-auto mt-[4rem] !max-h-[min(30rem,calc(100vh-4rem))]',
       vAlign: 'top',
       noPadding: true,
       noScroll: true,