diff --git a/apps/web/constants/colors.ts b/apps/web/constants/colors.ts
index 556bb29..bd8188a 100644
--- a/apps/web/constants/colors.ts
+++ b/apps/web/constants/colors.ts
@@ -1,9 +1,9 @@
 import { env } from '../config/env';
 
 export const COLORS_PROD = {
-  COLOR_DANGER: '#D10000',
+  COLOR_DANGER: '#B20004',
   COLOR_PRIMARY: '#1C01A9',
-  COLOR_SECONDARY: '#3A0185',
+  COLOR_SECONDARY: '#5A31D6',
   COLOR_TERTIARTY: '#580161',
 };
 export const COLORS_DEV = {
diff --git a/packages/ui/button.tsx b/packages/ui/button.tsx
index 8954d82..dbc54ff 100644
--- a/packages/ui/button.tsx
+++ b/packages/ui/button.tsx
@@ -19,8 +19,8 @@ const variants = cva(
         'outline-default':
           'bg-transparent text-primary border border-primary hover:bg-primary hover:text-white',
         'outline-secondary':
-          'opacity-70 bg-transparent text-primary border border-primary hover:bg-primary hover:text-white',
-        secondary: 'bg-primary-400 hover:bg-primary-700 hover:opacity-100',
+          'opacity-70 bg-transparent text-secondary border border-secondary hover:bg-secondary hover:text-white',
+        secondary: 'bg-secondary hover:bg-secondary-700',
       },
     },
   }
@@ -29,12 +29,7 @@ const variants = cva(
 export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof variants>;
 
 export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, intent, type, ...props }, ref) => (
-    <button
-      type="button"
-      className={cn(variants({ className, intent, type }))}
-      ref={ref}
-      {...props}
-    />
+  ({ className, intent, ...props }, ref) => (
+    <button type="button" className={cn(variants({ className, intent }))} ref={ref} {...props} />
   )
 );