From 66b584841951e95a2a06aba47c36ba23366b185e Mon Sep 17 00:00:00 2001
From: Luciano Oliva Bianco <lulox.eth@protonmail.com>
Date: Mon, 23 Sep 2024 19:27:11 -0300
Subject: [PATCH] More header styling

---
 packages/nextjs/components/Header.tsx | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
index de190de..f4ca1e4 100644
--- a/packages/nextjs/components/Header.tsx
+++ b/packages/nextjs/components/Header.tsx
@@ -137,20 +137,14 @@ export const Header = () => {
           <RainbowKitCustomConnectButton />
         )}
         {isMenuOpen && isConnected && (
-          <div className="absolute right-0 top-10 mt-2 w-48 bg-base-100 shadow-lg rounded-lg">
-            <ul className="menu p-2">
-              <li>
-                <RainbowKitCustomConnectButton />
-              </li>
-              <li>
-                <div className="flex flex-row gap-2">
-                  <Link href="/myProfile" passHref>
-                    <span className="btn btn-secondary">My Profile</span>
-                  </Link>
-                  <FaucetButton />
-                </div>
-              </li>
-            </ul>
+          <div className="absolute flex flex-col items-center justify-center right-0 top-10 mt-2 w-48 bg-base-100 shadow-lg rounded-lg">
+            <RainbowKitCustomConnectButton />
+            <div className="pt-2 mb-2 flex flex-row items-center justify-center gap-2">
+              <Link href="/myProfile" passHref>
+                <span className="btn btn-primary">My Profile</span>
+              </Link>
+              <FaucetButton />
+            </div>
           </div>
         )}
       </div>