diff --git a/src/components/name-text.css b/src/components/name-text.css
index 1db35970..a9a4c2a7 100644
--- a/src/components/name-text.css
+++ b/src/components/name-text.css
@@ -1,6 +1,11 @@
 .name-text {
   color: inherit;
   text-decoration: none;
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+}
+.name-text.show-acct {
   display: inline-block;
 }
 a.name-text:is(:hover, :focus) b,
diff --git a/src/components/name-text.jsx b/src/components/name-text.jsx
index 36e8c198..3c563557 100644
--- a/src/components/name-text.jsx
+++ b/src/components/name-text.jsx
@@ -36,7 +36,7 @@ function NameText({
 
   return (
     <a
-      class={`name-text ${short ? 'short' : ''}`}
+      class={`name-text ${showAcct ? 'show-acct' : ''} ${short ? 'short' : ''}`}
       href={url}
       target={external ? '_blank' : null}
       title={`@${acct}`}
diff --git a/src/components/status.css b/src/components/status.css
index 780666a7..2a4e0fd9 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -46,11 +46,6 @@
   overflow: hidden;
   margin-bottom: -8px;
 }
-.status-pre-meta .name-text {
-  display: inline-flex;
-  gap: 4px;
-  align-items: center;
-}
 .status-pre-meta > * {
   vertical-align: middle;
 }