fix: rounded & focus ring of Button

frontChapter · Jan 19, 2024 · 93c088f · 93c088f
1 parent b4e068f
commit 93c088f
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
@@ -6,9 +6,9 @@ import { cn } from "@/utils/styles";
 
 const buttonVariants = cva(
   cn(
-    "inline-flex items-center justify-center whitespace-nowrap rounded-md",
-    "text-sm font-medium ring-offset-white transition-colors lg:text-base",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2",
+    "inline-flex items-center justify-center whitespace-nowrap rounded",
+    "text-sm font-medium transition-colors lg:text-base",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white",
     "disabled:pointer-events-none disabled:opacity-50",
     "dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300",
   ),
@@ -26,7 +26,7 @@ const buttonVariants = cva(
       },
       size: {
         default: "px-3 py-2",
-        sm: "rounded-md px-3",
+        sm: "rounded-sm px-3",
         lg: "rounded-md px-8",
         icon: "h-10 w-10",
       },