From f79e23942f5e3d2f4c3e9d809a8bc147953b56a9 Mon Sep 17 00:00:00 2001
From: pasqualevitiello <pasqualevitiello@gmail.com>
Date: Tue, 12 May 2026 14:13:47 +0200
Subject: [PATCH] fix kbd radius

---
 apps/ui/public/r/kbd.json           | 2 +-
 apps/ui/registry/default/ui/kbd.tsx | 2 +-
 packages/ui/src/components/kbd.tsx  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/ui/public/r/kbd.json b/apps/ui/public/r/kbd.json
index c14aae967..2dfd70d7d 100644
--- a/apps/ui/public/r/kbd.json
+++ b/apps/ui/public/r/kbd.json
@@ -4,7 +4,7 @@
   "files": [
     {
       "path": "registry/default/ui/kbd.tsx",
-      "content": "import type * as React from \"react\";\nimport { cn } from \"@/registry/default/lib/utils\";\n\nexport function Kbd({\n  className,\n  ...props\n}: React.ComponentProps<\"kbd\">): React.ReactElement {\n  return (\n    <kbd\n      className={cn(\n        \"pointer-events-none inline-flex h-5 min-w-5 select-none items-center justify-center gap-1 rounded bg-muted px-1 font-medium font-sans text-muted-foreground text-xs [&_svg:not([class*='size-'])]:size-3\",\n        className,\n      )}\n      data-slot=\"kbd\"\n      {...props}\n    />\n  );\n}\n\nexport function KbdGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"kbd\">): React.ReactElement {\n  return (\n    <kbd\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      data-slot=\"kbd-group\"\n      {...props}\n    />\n  );\n}\n",
+      "content": "import type * as React from \"react\";\nimport { cn } from \"@/registry/default/lib/utils\";\n\nexport function Kbd({\n  className,\n  ...props\n}: React.ComponentProps<\"kbd\">): React.ReactElement {\n  return (\n    <kbd\n      className={cn(\n        \"pointer-events-none inline-flex h-5 min-w-5 select-none items-center justify-center gap-1 rounded-[.25rem] bg-muted px-1 font-medium font-sans text-muted-foreground text-xs [&_svg:not([class*='size-'])]:size-3\",\n        className,\n      )}\n      data-slot=\"kbd\"\n      {...props}\n    />\n  );\n}\n\nexport function KbdGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"kbd\">): React.ReactElement {\n  return (\n    <kbd\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      data-slot=\"kbd-group\"\n      {...props}\n    />\n  );\n}\n",
       "type": "registry:ui"
     }
   ],
diff --git a/apps/ui/registry/default/ui/kbd.tsx b/apps/ui/registry/default/ui/kbd.tsx
index a9d906be3..bca72b133 100644
--- a/apps/ui/registry/default/ui/kbd.tsx
+++ b/apps/ui/registry/default/ui/kbd.tsx
@@ -8,7 +8,7 @@ export function Kbd({
   return (
     <kbd
       className={cn(
-        "pointer-events-none inline-flex h-5 min-w-5 select-none items-center justify-center gap-1 rounded bg-muted px-1 font-medium font-sans text-muted-foreground text-xs [&_svg:not([class*='size-'])]:size-3",
+        "pointer-events-none inline-flex h-5 min-w-5 select-none items-center justify-center gap-1 rounded-[.25rem] bg-muted px-1 font-medium font-sans text-muted-foreground text-xs [&_svg:not([class*='size-'])]:size-3",
         className,
       )}
       data-slot="kbd"
diff --git a/packages/ui/src/components/kbd.tsx b/packages/ui/src/components/kbd.tsx
index 0cf2410c7..24303eb73 100644
--- a/packages/ui/src/components/kbd.tsx
+++ b/packages/ui/src/components/kbd.tsx
@@ -8,7 +8,7 @@ export function Kbd({
   return (
     <kbd
       className={cn(
-        "pointer-events-none inline-flex h-5 min-w-5 select-none items-center justify-center gap-1 rounded bg-muted px-1 font-medium font-sans text-muted-foreground text-xs [&_svg:not([class*='size-'])]:size-3",
+        "pointer-events-none inline-flex h-5 min-w-5 select-none items-center justify-center gap-1 rounded-[.25rem] bg-muted px-1 font-medium font-sans text-muted-foreground text-xs [&_svg:not([class*='size-'])]:size-3",
         className,
       )}
       data-slot="kbd"