diff --git a/static/styles/portico/portico_signin.css b/static/styles/portico/portico_signin.css
index b57ef9f23d..282f661f48 100644
--- a/static/styles/portico/portico_signin.css
+++ b/static/styles/portico/portico_signin.css
@@ -1283,3 +1283,17 @@ button#register_auth_button_gitlab {
         min-height: calc(100vh - 560px);
     }
 }
+
+.account-creation .white-box .user_email {
+    word-break: break-all;
+}
+
+@media (width >= 600px) {
+    .account-creation .white-box {
+        max-width: min-content;
+
+        .alert-info {
+            min-width: max-content;
+        }
+    }
+}
diff --git a/templates/zerver/accounts_send_confirm.html b/templates/zerver/accounts_send_confirm.html
index 2526f48cbb..780f0f2254 100644
--- a/templates/zerver/accounts_send_confirm.html
+++ b/templates/zerver/accounts_send_confirm.html
@@ -18,7 +18,7 @@ page can be easily identified in it's respective JavaScript file -->
             </div>
 
             <div class="white-box">
-                <p>{% trans %}Check your email (<span class="semi-bold">{{ email }}</span>) so we can get started.{% endtrans %}</p>
+                <p>{% trans %}Check your email (<span class="user_email semi-bold">{{ email }}</span>) so we can get started.{% endtrans %}</p>
 
                 {% include 'zerver/dev_env_email_access_details.html' %}