diff --git a/blog/src/components/common/Button.astro b/blog/src/components/common/Button.astro
index a4cd24b5..07e35482 100644
--- a/blog/src/components/common/Button.astro
+++ b/blog/src/components/common/Button.astro
@@ -3,7 +3,7 @@ const { class: className, ...props } = Astro.props;
 ---
 
 <button
-  class={`w-28 px-6 py-3 bg-blue-600 text-white font-semibold rounded-md transition-all duration-300 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 ${className}`}
+  class={`w-28 px-4 py-2 bg-blue-600 text-white font-semibold rounded-md transition-all duration-300 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 ${className}`}
   {...props}
 >
   <slot />