diff --git a/src/views/record.tsx b/src/views/record.tsx
index b3ec8d9..7642cef 100644
--- a/src/views/record.tsx
+++ b/src/views/record.tsx
@@ -487,7 +487,7 @@ export const RecordView = () => {
                           classList={{
                             "rounded-sm hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600":
                               !bskyAlts().length,
-                            "bg-neutral-50 rounded-t dark:bg-dark-300 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600":
+                            "bg-neutral-50 rounded-t dark:bg-dark-200 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600":
                               showAlternates() && bskyAlts().length > 0,
                           }}
                         >
@@ -497,14 +497,14 @@ export const RecordView = () => {
                           />
                         </a>
                         <Show when={showAlternates() && bskyAlts().length > 0}>
-                          <div class="dark:bg-dark-300 absolute top-full left-0 z-10 flex flex-col overflow-hidden rounded-b bg-neutral-50 shadow-xs">
+                          <div class="dark:bg-dark-200 absolute top-full left-0 z-10 flex flex-col overflow-hidden rounded-b bg-neutral-50 shadow-xs">
                             <For each={bskyAlts()}>
                               {(alt) => (
                                 <a
                                   href={alt.link}
                                   target="_blank"
                                   title={`Open on ${alt.label}`}
-                                  class="flex p-1.5 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
+                                  class="flex p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
                                 >
                                   {alt.icon ?
                                     <img src={alt.icon} class="size-4" />