Button should be width fit

tinytek-io · Jul 17, 2024 · ea4fb63 · ea4fb63
1 parent 5154dc9
commit ea4fb63
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/ui/components/Button.tsx b/ui/components/Button.tsx
@@ -21,7 +21,7 @@ export interface ButtonProps extends AriaButtonProps, React.RefAttributes<HTMLBu
 
 const button = tv({
   extend: focusRing,
-  base: "inline-flex gap-1 items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+  base: "inline-flex gap-1 items-center justify-center w-fit whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
   variants: {
     variant: {
       primary: "bg-primary text-primary-foreground hover:bg-primary/90 pressed:bg-primary/80",