diff --git a/src/components/Button.jsx b/src/components/Button.jsx
index 2d75206..848fa0a 100644
--- a/src/components/Button.jsx
+++ b/src/components/Button.jsx
@@ -3,9 +3,9 @@ import clsx from 'clsx'
 
 const baseStyles = {
   solid:
-    'group inline-flex items-center justify-center rounded-xl py-1.5 px-3 sm:py-2 sm:px-4 text-xs sm:text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2',
+    'group inline-flex items-center justify-center rounded-xl py-1.5 px-3.5 lg:py-2 lg:px-4 text-xs lg:text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2',
   outline:
-    'group inline-flex ring-1 items-center justify-center rounded-xl py-1.5 px-3 sm:py-2 sm:px-4 text-xs sm:text-sm focus:outline-none',
+    'group inline-flex ring-1 items-center justify-center rounded-xl py-1.5 px-3.5 lg:py-2 lg:px-4 text-xs lg:text-sm focus:outline-none',
 }
 
 const variantStyles = {