diff --git a/keyserver/images/ethereum_icon.svg b/keyserver/images/ethereum_icon.svg
deleted file mode 100644
--- a/keyserver/images/ethereum_icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<!-- sourced from https://login.xyz/  -->
-<svg class="w-6 mr-4" width="35" height="58" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 58" fill="none">
-<path d="M17.4954 0L17.1132 1.29889V38.9897L17.4954 39.3711L34.991 29.0295L17.4954 0Z" fill="white"></path><path d="M17.4956 0L0 29.0295L17.4956 39.3713V21.0773V0Z" fill="white"></path><path d="M17.494 42.6838L17.2786 42.9463V56.3726L17.494 57.0017L35 32.3474L17.494 42.6838Z" fill="white"></path><path d="M17.4956 57.0014V42.6835L0 32.3471L17.4956 57.0014Z" fill="white"></path><path d="M17.4965 39.3711L34.9919 29.0296L17.4965 21.0774V39.3711Z" fill="white"></path><path d="M0 29.0296L17.4954 39.3711V21.0774L0 29.0296Z" fill="white"></path>
-</svg>
diff --git a/landing/siwe.css b/landing/siwe.css
--- a/landing/siwe.css
+++ b/landing/siwe.css
@@ -3,25 +3,41 @@
   background: #242529 !important;
 }
 
-.button {
+.wrapper {
   display: flex;
-  flex-direction: row;
+  flex-wrap: wrap;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
   align-content: center;
+  padding-top: 20px;
+  padding-bottom: 50px;
+  color: white;
+  font-family: sans-serif;
+  padding: 20px;
+}
+.walletDisplay {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 60px;
+}
+.walletDisplayText {
+  font-size: 24px;
+  padding: 5px;
+}
+.wrapper > p {
+  text-align: center;
+  padding: 5px;
+  font-size: 15px;
+}
+.button {
+  margin-top: 20px;
   background: #7e57c2;
-  box-shadow: -12px 20px 50px rgba(126, 87, 194, 0.5);
-  border-color: white;
-  border-width: 2px;
-  border-radius: 15px;
-  text-transform: uppercase;
+  border-radius: 4px;
+  text-align: center;
   padding: 10px;
-  width: 241px;
-}
-@media screen and (max-width: 400px) {
-  .button {
-    width: 140px;
-  }
+  width: 100%;
 }
 
 /* Classes from node_modules/@rainbow-me/rainbowkit/dist/components/index.css */
diff --git a/landing/siwe.react.js b/landing/siwe.react.js
--- a/landing/siwe.react.js
+++ b/landing/siwe.react.js
@@ -6,6 +6,7 @@
   RainbowKitProvider,
   darkTheme,
   useModalState,
+  ConnectButton,
 } from '@rainbow-me/rainbowkit';
 import invariant from 'invariant';
 import _merge from 'lodash/fp/merge';
@@ -150,9 +151,22 @@
     return null;
   } else {
     return (
-      <div className={css.button} onClick={onClick}>
-        <img src="images/ethereum_icon.svg" style={ethIconStyle} />
-        sign in
+      <div className={css.wrapper}>
+        <div className={css.walletDisplay}>
+          <span className={css.walletDisplayText}>Wallet Connected:</span>
+          <ConnectButton />
+        </div>
+        <p>
+          To complete the login process, you&apos;ll now be asked to sign a
+          message using your wallet.
+        </p>
+        <p>
+          This signature will attest that your Ethereum identity is represented
+          by your new Comm identity.
+        </p>
+        <div className={css.button} onClick={onClick}>
+          Sign in
+        </div>
       </div>
     );
   }
@@ -179,6 +193,4 @@
   );
 }
 
-const ethIconStyle = { height: 25, paddingRight: 10 };
-
 export default SIWEWrapper;