diff --git a/src/css/main.css b/src/css/main.css
index e4e5eef..b431548 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -66,14 +66,14 @@
   }
 
   & [aria-selected="true"] {
-    background: yellow;
+    background: #ffc133;
   }
 
   & li {
     cursor: pointer;
 
     &:hover {
-      background: cyan;
+      background: #e6a000;
     }
   }
 }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index fcc7cb9..b9047d4 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -83,6 +83,7 @@
     const data = await response.json();
     for (const actor of data.actors) {
       try {
+        actor.displayName ||= actor.handle;
         const parsed = parsePublicUser(actor);
         if (parsed.handle === handle) continue;
         if (parsed.handle === "handle.invalid") continue;
@@ -182,7 +183,7 @@
         aria-label="suggestions"
         tabindex="-1"
       >
-        {#each bskyUsers as user, i (user.did)}
+        {#each bskyUsers as user (user.did)}
           <!-- svelte-ignore a11y_click_events_have_key_events -->
           <li
             class="avatar"