diff --git a/web/account/connected-wallet-info.react.js b/web/account/connected-wallet-info.react.js
--- a/web/account/connected-wallet-info.react.js
+++ b/web/account/connected-wallet-info.react.js
@@ -9,6 +9,13 @@
 import SWMansionIcon from '../SWMansionIcon.react.js';
 import css from './connected-wallet-info.css';
 
+function shortenAddressToFitWidth(address: string): string {
+  if (address.length < 22) {
+    return address;
+  }
+  return `${address.slice(0, 10)}…${address.slice(-10)}`;
+}
+
 type RainbowKitEmojiAvatar = {
   +color: string,
   +emoji: string,
@@ -34,12 +41,12 @@
   }, [openAccountModal]);
 
   return (
-    <div className={css.container} onClick={onClick}>
+    <div className={css.container} onClick={onClick} title={potentiallyENSName}>
       <div className={css.avatar} style={emojiAvatarStyle}>
         <p>{emojiAvatar.emoji}</p>
       </div>
       <div className={css.address}>
-        <p>{potentiallyENSName}</p>
+        <p>{shortenAddressToFitWidth(potentiallyENSName)}</p>
       </div>
       <div className={css.chevronDown}>
         <SWMansionIcon icon="chevron-down" size={18} />