diff --git a/packages/ui/components/button/Button.tsx b/packages/ui/components/button/Button.tsx
index bb7d5a48dd..02b0cf138b 100644
--- a/packages/ui/components/button/Button.tsx
+++ b/packages/ui/components/button/Button.tsx
@@ -39,7 +39,7 @@ const buttonClasses = cva(
       variant: {
         button: "",
         icon: "flex justify-center",
-        fab: "h-14 w-14 sm:h-9 sm:w-auto rounded-full justify-center sm:rounded-md sm:px-4 sm:py-2.5 radix-state-open:rotate-45 sm:radix-state-open:rotate-0 transition-transform radix-state-open:shadown-none radix-state-open:ring-0 !shadow-none",
+        fab: "rounded-full justify-center sm:rounded-md  radix-state-open:rotate-45 sm:radix-state-open:rotate-0 transition-transform radix-state-open:shadown-none radix-state-open:ring-0 !shadow-none",
       },
       color: {
         primary: "text-white dark:text-black",
@@ -145,6 +145,11 @@ const buttonClasses = cva(
         size: "sm",
         className: "h-6 w-6 !p-1",
       },
+      {
+        variant: "fab",
+        size: "base",
+        className: "h-14 sm:h-9 sm:w-auto sm:px-4 sm:py-2.5",
+      },
     ],
     defaultVariants: {
       variant: "button",