diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 79ecb6d9..a74a7e4f 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -1,4 +1,4 @@
-import react, { JSX } from 'react';
+import react from 'react';
 
 import Link from 'next/link';
 
@@ -17,11 +17,12 @@ const Button = ({
   type,
   href,
   variant,
-  color,
+  color = 'primary',
   isLoading,
   className,
   disabled,
   onClick,
+  ...props
 }: ButtonProps) => {
   const btnBaseClassName = cn(
     'btn',
@@ -49,6 +50,7 @@ const Button = ({
     <>
       {!href && (
         <button
+          {...props}
           type={type}
           onClick={onClick}
           disabled={disabled}
@@ -59,7 +61,7 @@ const Button = ({
           )}
         >
           {!isLoading && children}
-          {isLoading && <span className='loading loading-dots loading-md' />}
+          {isLoading && <span className='loading loading-dots loading-xl' />}
         </button>
       )}