From e8abbd26f84c5ad03096f2ebdadf9b70cc295c5d Mon Sep 17 00:00:00 2001
From: SkyfallWasTaken <mahadkalam1@proton.me>
Date: Sun, 7 Jul 2024 20:44:35 +0100
Subject: [PATCH] Update button styling

---
 src/components/ui/Button.astro | 2 +-
 src/pages/index.astro          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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>