diff --git a/landing/siwe.css b/landing/siwe.css
--- a/landing/siwe.css
+++ b/landing/siwe.css
@@ -10,8 +10,6 @@
   justify-content: center;
   align-items: center;
   align-content: center;
-  padding-top: 20px;
-  padding-bottom: 50px;
   color: white;
   font-family: sans-serif;
   padding: 20px;
diff --git a/landing/siwe.react.js b/landing/siwe.react.js
--- a/landing/siwe.react.js
+++ b/landing/siwe.react.js
@@ -28,6 +28,7 @@
 import {
   getSIWEStatementForPublicKey,
   siweStatementWithoutPublicKey,
+  siweMessageSigningExplanationStatements,
 } from 'lib/utils/siwe-utils.js';
 
 import { SIWEContext } from './siwe-context.js';
@@ -173,14 +174,8 @@
           <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>
+        <p>{siweMessageSigningExplanationStatements[0]}</p>
+        <p>{siweMessageSigningExplanationStatements[1]}</p>
         <div className={css.button} onClick={onClick}>
           Sign in
         </div>
diff --git a/lib/utils/siwe-utils.js b/lib/utils/siwe-utils.js
--- a/lib/utils/siwe-utils.js
+++ b/lib/utils/siwe-utils.js
@@ -71,6 +71,15 @@
   return publicKeyMatchArray[0];
 }
 
+// These are shown in the `SIWE` components on both `landing` and `web`.
+const siweMessageSigningExplanationStatements: $ReadOnlyArray<string> = [
+  `To complete the login process, you'll now be ` +
+    `asked to sign a message using your wallet.`,
+
+  `This signature will attest that your Ethereum ` +
+    `identity is represented by your new Comm identity.`,
+];
+
 export {
   siweStatementWithoutPublicKey,
   isValidSIWENonce,
@@ -80,4 +89,5 @@
   getSIWEStatementForPublicKey,
   isValidSIWEStatementWithPublicKey,
   getPublicKeyFromSIWEStatement,
+  siweMessageSigningExplanationStatements,
 };
diff --git a/web/account/siwe.css b/web/account/siwe.css
--- a/web/account/siwe.css
+++ b/web/account/siwe.css
@@ -23,6 +23,14 @@
   background-color: #1f1f1fff;
 }
 
+div.siweLoginFormContainer p {
+  color: white;
+  font-family: sans-serif;
+  text-align: center;
+  padding-top: 14px;
+  font-size: 14px;
+}
+
 div.connectButtonContainer {
   width: 100%;
   display: flex;
diff --git a/web/account/siwe.react.js b/web/account/siwe.react.js
--- a/web/account/siwe.react.js
+++ b/web/account/siwe.react.js
@@ -31,6 +31,7 @@
   useDispatchActionPromise,
   useServerCall,
 } from 'lib/utils/action-utils';
+import { siweMessageSigningExplanationStatements } from 'lib/utils/siwe-utils.js';
 
 import Button from '../components/button.react';
 import LoadingIndicator from '../loading-indicator.react';
@@ -102,8 +103,12 @@
     );
   } else if (signer) {
     siweLoginForm = (
-      <div className={css.connectButtonContainer}>
-        <ConnectButton />
+      <div className={css.siweLoginFormContainer}>
+        <div className={css.connectButtonContainer}>
+          <ConnectButton />
+        </div>
+        <p>{siweMessageSigningExplanationStatements[0]}</p>
+        <p>{siweMessageSigningExplanationStatements[1]}</p>
       </div>
     );
   }
diff --git a/web/splash/splash.css b/web/splash/splash.css
--- a/web/splash/splash.css
+++ b/web/splash/splash.css
@@ -7,4 +7,7 @@
 
 div.loginContainer {
   display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 400px;
 }