diff --git a/Iceshrimp.Frontend/Components/Note/NoteUserInfo.razor b/Iceshrimp.Frontend/Components/Note/NoteUserInfo.razor
index 4857ae6a..75063ba9 100644
--- a/Iceshrimp.Frontend/Components/Note/NoteUserInfo.razor
+++ b/Iceshrimp.Frontend/Components/Note/NoteUserInfo.razor
@@ -9,15 +9,15 @@
 <div class="name-section">
     <span class="display-name"><UserDisplayName User="@User"/></span>
     <span class="identifier">
+        @if (User.IsBot)
+        {
+            <Icon Name="Icons.Robot" Size="1.3em" title="Automated"/>
+        }
         @@@User.Username
         @if (User.Host != null)
         {
             <span class="host">@@@User.Host</span>
         }
-        @if (User.IsBot)
-        {
-            <Icon Name="Icons.Robot" Size="1.3em" title="Automated"/>
-        }
     </span>
 </div>
 
diff --git a/Iceshrimp.Frontend/Components/Note/NoteUserInfo.razor.css b/Iceshrimp.Frontend/Components/Note/NoteUserInfo.razor.css
index 04961d71..ebc8b7f3 100644
--- a/Iceshrimp.Frontend/Components/Note/NoteUserInfo.razor.css
+++ b/Iceshrimp.Frontend/Components/Note/NoteUserInfo.razor.css
@@ -7,6 +7,7 @@
         font-size: 0.8em;
         text-overflow: ellipsis;
         overflow: clip;
+        white-space: wrap;
 
         .host {
             opacity: 0.5;
@@ -23,12 +24,8 @@
     overflow: clip;
 }
 
-.identifier {
-    white-space: wrap;
-}
-
 ::deep .identifier .ph {
     display: inline-block;
-    margin-left: 0.5em;
+    margin-right: 0.25em;
     vertical-align: middle;
 }
\ No newline at end of file