diff --git a/src/account-settings/EmailField.jsx b/src/account-settings/EmailField.jsx
index a0626ca66..1bec07eeb 100644
--- a/src/account-settings/EmailField.jsx
+++ b/src/account-settings/EmailField.jsx
@@ -162,7 +162,7 @@ const EmailField = (props) => {
                 </Button>
               ) : null}
             </div>
-            <p data-hj-suppress>{renderValue()}</p>
+            <p data-hj-suppress className="text-truncate">{renderValue()}</p>
             {renderConfirmationMessage() || <p className="small text-muted mt-n2">{helpText}</p>}
           </div>
         ),