diff --git a/web/account/siwe-login-form.react.js b/web/account/siwe-login-form.react.js
--- a/web/account/siwe-login-form.react.js
+++ b/web/account/siwe-login-form.react.js
@@ -3,7 +3,6 @@
 import '@rainbow-me/rainbowkit/dist/index.css';
 
 import olm from '@matrix-org/olm';
-import { ConnectButton } from '@rainbow-me/rainbowkit';
 import invariant from 'invariant';
 import * as React from 'react';
 import { useDispatch } from 'react-redux';
@@ -146,10 +145,11 @@
     <div className={css.siweLoginFormContainer}>
       <h4>Sign in with Ethereum</h4>
       <HeaderSeparator />
-      <ConnectedWalletInfo />
-      <br />
+      <div className={css.walletConnectedText}>
+        <p>Wallet Connected</p>
+      </div>
       <div className={css.connectButtonContainer}>
-        <ConnectButton />
+        <ConnectedWalletInfo />
       </div>
       <div className={css.messageSigningStatements}>
         <p>{siweMessageSigningExplanationStatements}</p>
diff --git a/web/account/siwe.css b/web/account/siwe.css
--- a/web/account/siwe.css
+++ b/web/account/siwe.css
@@ -20,12 +20,13 @@
   flex-direction: column;
 }
 
+div.walletConnectedText p {
+  font-weight: bold;
+}
+
 div.connectButtonContainer {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  padding-bottom: 20px;
+  padding-top: 4px;
+  padding-bottom: 12px;
 }
 
 div.loadingIndicator {