diff --git a/packages/frontend/src/scripts/metamask.ts b/packages/frontend/src/scripts/metamask.ts
index 35e98a125..443aaabb7 100644
--- a/packages/frontend/src/scripts/metamask.ts
+++ b/packages/frontend/src/scripts/metamask.ts
@@ -28,7 +28,6 @@ export function initMetamask() {
 
   const connectButton = $.maybe<HTMLButtonElement>('#connect-with-metamask')
   const instanceChainId = getInstanceChainId()
-
   if (!provider) {
     connectButton?.addEventListener('click', () => {
       window.open('https://metamask.io/download/')
diff --git a/packages/frontend/src/view/components/page/Navbar.tsx b/packages/frontend/src/view/components/page/Navbar.tsx
index d9dc74351..6769e2abb 100644
--- a/packages/frontend/src/view/components/page/Navbar.tsx
+++ b/packages/frontend/src/view/components/page/Navbar.tsx
@@ -52,17 +52,12 @@ export function Navbar({
             />
           )}
           {!user && (
-            <>
-              <Button id="connect-with-metamask" className="sm:hidden">
-                Connect
-              </Button>
-              <Button
-                id="connect-with-metamask"
-                className="hidden whitespace-nowrap sm:block"
-              >
+            <Button id="connect-with-metamask">
+              <span className="sm:hidden">Connect</span>
+              <span className="hidden whitespace-nowrap sm:block">
                 Connect wallet
-              </Button>
-            </>
+              </span>
+            </Button>
           )}
           {user && (
             <a