From c34c00978581ec9155396263588920c19cbef01f Mon Sep 17 00:00:00 2001
From: ss <sander@sonstabo.com>
Date: Sat, 20 Jun 2026 09:29:59 +0200
Subject: [PATCH 1/2] fix(ui): render menu shortcuts with kbd

---
 apps/web/src/components/ui/menu.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/ui/menu.tsx b/apps/web/src/components/ui/menu.tsx
index 07e27d23f46..c0821338bfe 100644
--- a/apps/web/src/components/ui/menu.tsx
+++ b/apps/web/src/components/ui/menu.tsx
@@ -209,11 +209,8 @@ function MenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props) {
 
 function MenuShortcut({ className, ...props }: React.ComponentProps<"kbd">) {
   return (
-    <kbd
-      className={cn(
-        "ms-auto font-medium font-sans text-muted-foreground/72 text-xs tracking-widest",
-        className,
-      )}
+    <Kbd
+      className={cn("ms-auto h-4 min-w-0 rounded-sm px-1.5 text-[10px]", className)}
       data-slot="menu-shortcut"
       {...props}
     />

From 7fa11dec17a87d6b1c0113a202bbf88d312b99a6 Mon Sep 17 00:00:00 2001
From: ss <sander@sonstabo.com>
Date: Sat, 20 Jun 2026 09:30:27 +0200
Subject: [PATCH 2/2] fix(ui): import shared kbd component

---
 apps/web/src/components/ui/menu.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/web/src/components/ui/menu.tsx b/apps/web/src/components/ui/menu.tsx
index c0821338bfe..cfc1ba712b7 100644
--- a/apps/web/src/components/ui/menu.tsx
+++ b/apps/web/src/components/ui/menu.tsx
@@ -5,6 +5,7 @@ import { ChevronRightIcon } from "lucide-react";
 import type * as React from "react";
 
 import { cn } from "~/lib/utils";
+import { Kbd } from "./kbd";
 
 const MenuCreateHandle = MenuPrimitive.createHandle;