docs,api-ref: fix kbd styling (#4995)

* docs: fix kbd styling

* additional fixes

www/api-reference/components/MDXComponents/Kbd/index.tsx

@@ -6,12 +6,12 @@ const Kbd = ({ children, className, ...props }: KbdProps) => {
   return (
     <kbd
       className={clsx(
-        "h-[22px] w-[22px] rounded-sm p-0",
+        "rounded-sm border-solid py-0 px-[6px]",
         "inline-flex items-center justify-center",
         "border-medusa-tag-neutral-border dark:border-medusa-tag-neutral-border-dark border",
         "bg-medusa-tag-neutral-bg dark:bg-medusa-tag-neutral-bg-dark",
         "text-medusa-tag-neutral-text dark:text-medusa-tag-neutral-text-dark",
-        "text-compact-x-small-plus",
+        "text-compact-x-small-plus font-monospace shadow-none",
         className
       )}
       {...props}