style: 🎨

src/components/Nip05/index.tsx

@@ -24,20 +24,27 @@ export default function Nip05({ pubkey, append }: { pubkey: string; append?: str
   if (!profile?.nip05 || !nip05Name || !nip05Domain) return null
 
   return (
-    <div className="flex items-center gap-1 truncate" onClick={(e) => e.stopPropagation()}>
+    <div
+      className="flex items-center gap-1 truncate [&_svg]:size-3.5 [&_svg]:shrink-0"
+      onClick={(e) => e.stopPropagation()}
+    >
       {nip05Name !== '_' ? (
         <span className="text-sm text-muted-foreground truncate">@{nip05Name}</span>
       ) : null}
-      <SecondaryPageLink
-        to={toNoteList({ domain: nip05Domain })}
-        className={`flex items-center gap-1 hover:underline truncate [&_svg]:size-3.5 [&_svg]:shrink-0 ${nip05IsVerified ? 'text-primary' : 'text-muted-foreground'}`}
-      >
       {nip05IsVerified ? (
-          <Favicon domain={nip05Domain} className="w-3.5 h-3.5" fallback={<BadgeCheck />} />
+        <Favicon
+          domain={nip05Domain}
+          className="w-3.5 h-3.5"
+          fallback={<BadgeCheck className="text-primary" />}
+        />
       ) : (
-          <BadgeAlert />
+        <BadgeAlert className="text-muted-foreground" />
       )}
-        <span className="text-sm truncate">{nip05Domain}</span>
+      <SecondaryPageLink
+        to={toNoteList({ domain: nip05Domain })}
+        className={`hover:underline truncate ${nip05IsVerified ? 'text-primary' : 'text-muted-foreground'}`}
+      >
+        {nip05Domain}
       </SecondaryPageLink>
       {append && <span className="text-sm text-muted-foreground truncate">{append}</span>}
     </div>

src/components/Note/index.tsx

@@ -62,7 +62,7 @@ export default function Note({
                 <span className="text-sm text-muted-foreground shrink-0">using {usingClient}</span>
               )}
             </div>
-            <div className="flex items-baseline gap-1 text-sm text-muted-foreground">
+            <div className="flex items-center gap-1 text-sm text-muted-foreground">
               <Nip05 pubkey={event.pubkey} append="·" />
               <FormattedTimestamp
                 timestamp={event.created_at}

src/components/ReplyNote/index.tsx

@@ -52,7 +52,7 @@ export default function ReplyNote({
           <div className="w-full overflow-hidden">
             <div className="flex items-start justify-between gap-2">
               <div className="flex-1 w-0">
-                <div className="flex gap-1 items-baseline">
+                <div className="flex gap-1 items-center">
                   <Username
                     userId={event.pubkey}
                     className="text-sm font-semibold text-muted-foreground hover:text-foreground truncate"
@@ -64,7 +64,7 @@ export default function ReplyNote({
                     </span>
                   )}
                 </div>
-                <div className="flex items-baseline gap-1 text-sm text-muted-foreground">
+                <div className="flex items-center gap-1 text-sm text-muted-foreground">
                   <Nip05 pubkey={event.pubkey} append="·" />
                   <FormattedTimestamp
                     timestamp={event.created_at}