From 7865abf148200728cd8d13ad52e063077894625a Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 14 Jun 2025 16:40:00 -0500
Subject: [PATCH] Refine mobile cmd-k

---
 src/cmdk/CommandKClient.tsx | 2 +-
 src/components/Modal.tsx    | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/cmdk/CommandKClient.tsx b/src/cmdk/CommandKClient.tsx
index c1645e98..224e2022 100644
--- a/src/cmdk/CommandKClient.tsx
+++ b/src/cmdk/CommandKClient.tsx
@@ -635,7 +635,7 @@ export default function CommandKClient({
           style={{ ...styleMask, maxHeight }}
         >
           <div className="flex flex-col pt-2 pb-3 px-3 gap-2">
-            <Command.Empty className="mt-1 pl-3 text-dim text-base pb-0.5">
+            <Command.Empty className="mt-1 px-2 text-dim text-[0.9rem] pb-0.5">
               {isLoading
                 ? appText.cmdk.searching
                 : appText.cmdk.noResults}
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
index a3e51624..1cefa710 100644
--- a/src/components/Modal.tsx
+++ b/src/components/Modal.tsx
@@ -92,7 +92,8 @@ export default function Modal({
           key="modalContent"
           className={clsx(
             ...container ? [
-              'w-[calc(100vw-1.5rem)] sm:w-[min(540px,90vw)]',
+              // "-2px" accounts for transparent outline
+              'w-[calc(100vw-1.5rem-2px)] sm:w-[min(540px,90vw)]',
               !noPadding && 'p-2',
               'rounded-xl outline-medium',
               'bg-white dark:bg-black',