diff --git a/src/app.css b/src/app.css
index 273d92dc..f8d021d5 100644
--- a/src/app.css
+++ b/src/app.css
@@ -126,6 +126,16 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   user-select: none;
   transition: transform 0.5s ease-in-out;
   user-select: none;
+
+  .header-double-lines {
+    font-size: 90% !important;
+    cursor: pointer;
+
+    div {
+      font-weight: normal;
+      color: var(--text-insignificant-color);
+    }
+  }
 }
 .deck > header[hidden] {
   display: block;
@@ -1965,20 +1975,13 @@ meter.donut[hidden] {
   }
 }
 
-.header-account {
-  font-size: 90% !important;
-  cursor: pointer;
-
-  @supports (animation-timeline: scroll()) {
+@supports (animation-timeline: scroll()) {
+  .header-account {
     animation: peekaboo-header 1s linear both;
     animation-timeline: scroll();
     animation-range: 0 150px;
   }
 }
-.header-account div {
-  font-weight: normal;
-  color: var(--text-insignificant-color);
-}
 
 /* LINK LISTS? */
 
diff --git a/src/cloak-mode.css b/src/cloak-mode.css
index f96f4999..1c6d780b 100644
--- a/src/cloak-mode.css
+++ b/src/cloak-mode.css
@@ -11,7 +11,7 @@ body.cloak,
   .status .content-compact,
   .account-container :is(header, main > *:not(.actions)),
   .account-container :is(header, main > *:not(.actions)) *,
-  .header-account,
+  .header-double-lines,
   .account-block {
     text-decoration-thickness: 1.1em;
     text-decoration-line: line-through;
diff --git a/src/pages/account-statuses.jsx b/src/pages/account-statuses.jsx
index dc57b67d..29384fb3 100644
--- a/src/pages/account-statuses.jsx
+++ b/src/pages/account-statuses.jsx
@@ -446,7 +446,7 @@ function AccountStatuses() {
       title={`${account?.acct ? '@' + account.acct : 'Posts'}`}
       titleComponent={
         <h1
-          class="header-account"
+          class="header-double-lines header-account"
           // onClick={() => {
           //   states.showAccount = {
           //     account,
diff --git a/src/pages/hashtag.jsx b/src/pages/hashtag.jsx
index 1a7fd0cb..d5f71113 100644
--- a/src/pages/hashtag.jsx
+++ b/src/pages/hashtag.jsx
@@ -135,7 +135,7 @@ function Hashtags({ media: mediaView, columnMode, ...props }) {
       title={title}
       titleComponent={
         !!instance && (
-          <h1 class="header-account">
+          <h1 class="header-double-lines">
             <b>{hashtagTitle}</b>
             <div>{instance}</div>
           </h1>
diff --git a/src/pages/public.jsx b/src/pages/public.jsx
index 2fac5b3f..c8aabf09 100644
--- a/src/pages/public.jsx
+++ b/src/pages/public.jsx
@@ -77,7 +77,7 @@ function Public({ local, columnMode, ...props }) {
       key={instance + isLocal}
       title={title}
       titleComponent={
-        <h1 class="header-account">
+        <h1 class="header-double-lines">
           <b>{isLocal ? 'Local timeline' : 'Federated timeline'}</b>
           <div>{instance}</div>
         </h1>
diff --git a/src/pages/trending.jsx b/src/pages/trending.jsx
index f0f44739..2d9b9d1a 100644
--- a/src/pages/trending.jsx
+++ b/src/pages/trending.jsx
@@ -242,7 +242,7 @@ function Trending({ columnMode, ...props }) {
       key={instance}
       title={title}
       titleComponent={
-        <h1 class="header-account">
+        <h1 class="header-double-lines">
           <b>Trending</b>
           <div>{instance}</div>
         </h1>