diff --git a/src/components/account-info.css b/src/components/account-info.css
index 526059b1..6b03b509 100644
--- a/src/components/account-info.css
+++ b/src/components/account-info.css
@@ -136,20 +136,29 @@
 
 .account-container .stats {
   display: flex;
-  flex-wrap: wrap;
-  justify-content: space-around;
-  gap: 16px;
+  /* flex-wrap: wrap; */
+  column-gap: 24px;
+  row-gap: 8px;
   opacity: 0.75;
   font-size: 90%;
   background-color: var(--bg-faded-color);
   padding: 12px;
   border-radius: 16px;
   line-height: 1.25;
+  overflow-x: auto;
+  justify-content: flex-start;
+  position: relative;
+}
+.timeline-start .account-container .stats {
+  flex-wrap: wrap;
 }
 .account-container .stats > * {
-  text-align: center;
+  /* text-align: center; */
+  flex-shrink: 0;
+  display: flex;
+  gap: 0.5em;
 }
-.account-container .stats a {
+.account-container .stats a:hover {
   color: inherit;
 }
 
@@ -169,10 +178,14 @@
 
 .account-container .profile-metadata {
   display: flex;
-  flex-wrap: wrap;
+  /* flex-wrap: wrap; */
   gap: 2px;
   border-radius: 16px;
   overflow: hidden;
+  overflow-x: auto;
+}
+.timeline-start .account-container .profile-metadata {
+  flex-wrap: wrap;
 }
 .account-container .profile-field {
   min-width: 0;
@@ -183,6 +196,7 @@
   border-radius: 4px;
   filter: saturate(0.75);
   line-height: 1.25;
+  flex-shrink: 0;
 }
 
 .account-container :is(.note, .profile-field) .invisible {
diff --git a/src/components/account-info.jsx b/src/components/account-info.jsx
index 54e18c34..d21a567d 100644
--- a/src/components/account-info.jsx
+++ b/src/components/account-info.jsx
@@ -316,54 +316,50 @@ function AccountInfo({
                 </div>
               )}
               <p class="stats">
-                <span>
-                  Followers
-                  <br />
-                  <b title={followersCount}>
+                <div>
+                  <span title={followersCount}>
                     {shortenNumber(followersCount)}
-                  </b>{' '}
-                </span>
-                <span>
+                  </span>{' '}
+                  Followers
+                </div>
+                <div class="insignificant">
+                  <span title={followingCount}>
+                    {shortenNumber(followingCount)}
+                  </span>{' '}
                   Following
                   <br />
-                  <b title={followingCount}>
-                    {shortenNumber(followingCount)}
-                  </b>{' '}
-                </span>
+                </div>
                 {standalone ? (
-                  <span>
-                    Posts
-                    <br />
-                    <b title={statusesCount}>
+                  <div class="insignificant">
+                    <span title={statusesCount}>
                       {shortenNumber(statusesCount)}
-                    </b>{' '}
-                  </span>
+                    </span>{' '}
+                    Posts
+                  </div>
                 ) : (
                   <Link
+                    class="insignificant"
                     to={instance ? `/${instance}/a/${id}` : `/a/${id}`}
                     onClick={() => {
                       hideAllModals();
                     }}
                   >
-                    Posts
-                    <br />
-                    <b title={statusesCount}>
+                    <span title={statusesCount}>
                       {shortenNumber(statusesCount)}
-                    </b>{' '}
+                    </span>{' '}
+                    Posts
                   </Link>
                 )}
                 {!!createdAt && (
-                  <span>
+                  <div class="insignificant">
                     Joined
                     <br />
-                    <b>
-                      <time datetime={createdAt}>
-                        {niceDateTime(createdAt, {
-                          hideTime: true,
-                        })}
-                      </time>
-                    </b>
-                  </span>
+                    <time datetime={createdAt}>
+                      {niceDateTime(createdAt, {
+                        hideTime: true,
+                      })}
+                    </time>
+                  </div>
                 )}
               </p>
               <RelatedActions