From d35c6f04edc5778cd720396ccb86e43cf1681b7f Mon Sep 17 00:00:00 2001
From: Luke Parker <10430890+Hona@users.noreply.github.com>
Date: Sat, 15 Aug 2026 17:54:31 +1000
Subject: [PATCH] fix(ui): add keybind label padding (#42726)

---
 packages/ui/src/v2/components/keybind-v2.css         | 2 +-
 packages/ui/src/v2/components/keybind-v2.stories.tsx | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/v2/components/keybind-v2.css b/packages/ui/src/v2/components/keybind-v2.css
index ccd6dcee3e..2b4c09a2e0 100644
--- a/packages/ui/src/v2/components/keybind-v2.css
+++ b/packages/ui/src/v2/components/keybind-v2.css
@@ -27,6 +27,7 @@
   justify-content: center;
   align-items: center;
   padding: 0;
+  padding-inline: 4px;
   gap: 4px;
   min-width: 14px;
   height: 14px;
@@ -48,7 +49,6 @@
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  min-width: 14px;
   height: 11px;
   padding: 0;
   flex: none;
diff --git a/packages/ui/src/v2/components/keybind-v2.stories.tsx b/packages/ui/src/v2/components/keybind-v2.stories.tsx
index a50f9401d9..9b9a657a8f 100644
--- a/packages/ui/src/v2/components/keybind-v2.stories.tsx
+++ b/packages/ui/src/v2/components/keybind-v2.stories.tsx
@@ -58,6 +58,8 @@ export const MultipleKeys = {
     <div style={{ display: "flex", gap: "24px", "align-items": "center" }}>
       <KeybindV2 keys={["⌘", "K"]} variant="neutral" />
       <KeybindV2 keys={["⌘", "K"]} variant="ghost" />
+      <KeybindV2 keys={["Ctrl", "B"]} variant="neutral" />
+      <KeybindV2 keys={["Ctrl", "B"]} variant="ghost" />
     </div>
   ),
 }
@@ -70,12 +72,14 @@ export const AllExamples = {
         <KeybindV2 keys={["⌘"]} variant="neutral" />
         <KeybindV2 keys={["⌘", "K"]} variant="neutral" />
         <KeybindV2 keys={["⌘", "⇧", "P"]} variant="neutral" />
+        <KeybindV2 keys={["Ctrl", "Shift", "B"]} variant="neutral" />
       </div>
       <div style={{ display: "flex", gap: "24px", "align-items": "center" }}>
         <span style={{ "font-size": "11px", color: "#808080", width: "50px" }}>Ghost</span>
         <KeybindV2 keys={["⌘"]} variant="ghost" />
         <KeybindV2 keys={["⌘", "K"]} variant="ghost" />
         <KeybindV2 keys={["⌘", "⇧", "P"]} variant="ghost" />
+        <KeybindV2 keys={["Ctrl", "Shift", "B"]} variant="ghost" />
       </div>
     </div>
   ),