diff --git a/src/components/ui/Button.astro b/src/components/ui/Button.astro
index 5827b31..6a2dc62 100644
--- a/src/components/ui/Button.astro
+++ b/src/components/ui/Button.astro
@@ -5,7 +5,7 @@ const { class: className, ...rest } = Astro.props;
 
 <button
   class={twMerge(
-    "shadow-sm px-3 py-2 rounded-md bg-surface0 hover:bg-surface1 transition",
+    "shadow-sm px-3 py-2 rounded-md bg-surface0 hover:bg-surface1 border-surface1 border-[1px] transition",
     className,
   )}
   {...rest}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 675258e..b2b51d2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -23,7 +23,7 @@ import Button from "../components/ui/Button.astro";
           tuned!
         </p>
         <div class="flex flex-row gap-2">
-          <Button class="border-surface1 border-[1px]">
+          <Button>
             <a href="/blog">Read my blog</a>
           </Button>
         </div>