diff --git a/packages/app/src/Pages/onboarding/topics.tsx b/packages/app/src/Pages/onboarding/topics.tsx
index 44f5ca3f..f41e32a7 100644
--- a/packages/app/src/Pages/onboarding/topics.tsx
+++ b/packages/app/src/Pages/onboarding/topics.tsx
@@ -18,7 +18,7 @@ export function Topics() {
     const active = topics.includes(name);
     return (
       <div
-        className={classNames("tab", { active })}
+        className={classNames("tab", { "!bg-white !text-black": active })}
         onClick={() => setTopics(s => (active ? s.filter(a => a !== name) : appendDedupe(s, [name])))}>
         {text}
       </div>