diff --git a/frontend/src/components/OpenDocsButton.tsx b/frontend/src/components/OpenDocsButton.tsx
index f4f456ae5..7d9edcdf8 100644
--- a/frontend/src/components/OpenDocsButton.tsx
+++ b/frontend/src/components/OpenDocsButton.tsx
@@ -46,7 +46,7 @@ export default function OpenDocsButton() {
   return (
     <a
       href={wikiHref}
-      className="fixed bottom-20 right-44 z-50 px-3 py-2 rounded-full bg-slate-900/85 hover:bg-slate-900 text-white text-body font-medium shadow-lg flex items-center gap-1.5 border border-white/10 transition-colors"
+      className="fixed bottom-20 right-44 z-50 px-3 py-2 rounded-full bg-surface-raised text-foreground text-body font-medium shadow-lg flex items-center gap-1.5 border border-border transition-colors hover:bg-surface-sunken"
       aria-label="Open the docs for this view"
     >
       <span>Read the docs</span>