diff --git a/landing/siwe.css b/landing/siwe.css
--- a/landing/siwe.css
+++ b/landing/siwe.css
@@ -14,12 +14,17 @@
   font-family: sans-serif;
   padding: 20px;
 }
-.walletDisplay {
+
+div.connectedWalletInfo {
+  width: 100%;
   display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 20px;
+  flex-direction: row;
 }
+
+div.connectedWalletInfo > div {
+  width: 100%;
+}
+
 .walletDisplayText {
   font-size: 24px;
   padding: 5px;
diff --git a/landing/siwe.react.js b/landing/siwe.react.js
--- a/landing/siwe.react.js
+++ b/landing/siwe.react.js
@@ -5,7 +5,6 @@
   RainbowKitProvider,
   darkTheme,
   useModalState,
-  ConnectButton,
   connectorsForWallets,
 } from '@rainbow-me/rainbowkit';
 import '@rainbow-me/rainbowkit/styles.css';
@@ -21,6 +20,7 @@
 import * as React from 'react';
 import { useAccount, useSigner, WagmiConfig } from 'wagmi';
 
+import ConnectedWalletInfo from 'lib/components/connected-wallet-info.react.js';
 import type { SIWEWebViewMessage } from 'lib/types/siwe-types.js';
 import {
   getSIWEStatementForPublicKey,
@@ -157,9 +157,9 @@
   } else {
     return (
       <div className={css.wrapper}>
-        <div className={css.walletDisplay}>
-          <span className={css.walletDisplayText}>Wallet Connected:</span>
-          <ConnectButton />
+        <span className={css.walletDisplayText}>Wallet Connected:</span>
+        <div className={css.connectedWalletInfo}>
+          <ConnectedWalletInfo />
         </div>
         <p>{siweMessageSigningExplanationStatements}</p>
         <p>
diff --git a/lib/components/connected-wallet-info.css b/lib/components/connected-wallet-info.css
--- a/lib/components/connected-wallet-info.css
+++ b/lib/components/connected-wallet-info.css
@@ -19,6 +19,7 @@
 }
 
 div.avatar {
+  box-sizing: content-box;
   display: flex;
   align-items: center;
   justify-content: center;