diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 553ef17..1b3049e 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -3,9 +3,9 @@ import clsx from 'clsx'
 
 const baseStyles = {
   solid:
-    'group inline-flex items-center justify-center rounded-full py-2.5 px-6 text-sm font-semibold focus-visible:outline-2 focus-visible:outline-offset-2',
+    'group inline-flex items-center justify-center rounded-full py-2 px-6 text-sm font-semibold focus-visible:outline-2 focus-visible:outline-offset-2',
   outline:
-    'group inline-flex ring-1 items-center justify-center rounded-full py-2.5 px-6 text-sm',
+    'group inline-flex ring-1 items-center justify-center rounded-full py-2 px-6 text-sm',
 }
 
 const variantStyles = {
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 2e8e20c..e45b863 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -59,6 +59,6 @@
   }
   
   .button-outline {
-    @apply bg-transparent border border-white text-white px-6 py-3 rounded-3xl font-medium transition-colors hover:bg-white hover:text-black;
+    @apply bg-transparent border border-white text-white px-6 py-2 rounded-3xl font-medium transition-colors hover:bg-white/80 hover:text-black;
   }
 }