From 7d60a209fa967e3dbe037bd77cd8c091bb64e054 Mon Sep 17 00:00:00 2001
From: Pattadon <pattadon2546pn@gmail.com>
Date: Thu, 31 Oct 2024 14:59:54 +0700
Subject: [PATCH] Refactor profileBar component to wrap Github buttons in a div
 for improved styling

---
 src/app/page.tsx | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f8bb62b..1719273 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -142,23 +142,27 @@ export default async function Home() {
             </CardHeader>
             <CardContent className="flex gap-2">
               <Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100">
-                <Image
-                  src={"/github.svg"}
-                  width={20}
-                  height={20}
-                  alt="github"
-                  className="scale-75 md:scale-100"
-                />
+                <div className="dark:bg-white rounded-full">
+                  <Image
+                    src={"/github.svg"}
+                    width={20}
+                    height={20}
+                    alt="github"
+                    className="scale-75 md:scale-100"
+                  />
+                </div>
                 Github
               </Button>
               <Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100">
-                <Image
-                  src={"/github.svg"}
-                  width={20}
-                  height={20}
-                  alt="github"
-                  className="scale-75 md:scale-100"
-                />
+                <div className="dark:bg-white rounded-full">
+                  <Image
+                    src={"/github.svg"}
+                    width={20}
+                    height={20}
+                    alt="github"
+                    className="scale-75 md:scale-100"
+                  />
+                </div>
                 Github
               </Button>
             </CardContent>