src/profiles/Profile.css

@@ -55,12 +55,12 @@
 
   .acct-mark {
     font-size: 1.2em;
-    vertical-align: sub;
-    margin-right: 0.25em;
   }
 
   .display-name {
-    display: block;
+    display: flex;
+    align-items: center;
+    gap: 4px;
   }
 
   table.acct-fields {

src/timelines/toot.module.css

@@ -68,12 +68,13 @@
 
 .tootAuthorNamePrimary {
   color: var(--tutu-color-on-surface);
+  display: flex;
+  align-items: center;
+  gap: 4px;
 
   > :global(.acct-mark) {
     font-size: 1.2em;
     color: var(--tutu-color-secondary-text-on-surface);
-    vertical-align: sub;
-    margin-right: 0.25em;
   }
 }