diff --git a/apps/packages/ui/src/kbd.tsx b/apps/packages/ui/src/kbd.tsx
index 78bd425431..59e736bc4e 100644
--- a/apps/packages/ui/src/kbd.tsx
+++ b/apps/packages/ui/src/kbd.tsx
@@ -5,7 +5,7 @@ function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {
     <kbd
       data-slot="kbd"
       className={cn(
-        "bg-muted text-muted-foreground [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-xs px-1 font-sans text-[0.625rem] font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none",
+        "bg-muted text-muted-foreground [[data-slot=tooltip-content]_&]:border [[data-slot=tooltip-content]_&]:border-border/60 [[data-slot=tooltip-content]_&]:bg-background/70 [[data-slot=tooltip-content]_&]:text-popover-foreground dark:[[data-slot=tooltip-content]_&]:bg-background/20 h-5 w-fit min-w-5 gap-1 rounded-xs px-1 font-sans text-[0.625rem] font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none",
         className,
       )}
       {...props}