diff --git a/src/components/account-block.jsx b/src/components/account-block.jsx
index 0b7e9cea..13c680be 100644
--- a/src/components/account-block.jsx
+++ b/src/components/account-block.jsx
@@ -82,7 +82,7 @@ function AccountBlock({
       }}
     >
       <Avatar url={avatar} size={avatarSize} squircle={bot} />
-      <span>
+      <span class="account-block-content">
         {!hideDisplayName && (
           <>
             {displayName ? (
diff --git a/src/components/account-info.css b/src/components/account-info.css
index 9c1c74f8..5477f261 100644
--- a/src/components/account-info.css
+++ b/src/components/account-info.css
@@ -462,6 +462,14 @@
       var(--bg-color) calc(100% - 8px),
       transparent
     );
+
+    .account-block-content {
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      line-clamp: 3;
+      -webkit-line-clamp: 3;
+    }
   }
 
   .faux-header-bg {