diff --git a/components/ui/Dropdown.tsx b/components/ui/Dropdown.tsx
index 5eb28ee..628fece 100644
--- a/components/ui/Dropdown.tsx
+++ b/components/ui/Dropdown.tsx
@@ -6,7 +6,7 @@ export default function Dropdown({ children }: Props) {
   return (
     <nav
       id="main"
-      className="absolute text-base top-[60px] flex flex-col gap-2 mt-2 mr-2 px-2 py-8 rounded-xl bg-white dark:bg-primary border border-transparent dark:border-white"
+      className="absolute text-base top-[60px] flex flex-col gap-2 mt-2 mr-2 px-2 py-8 rounded-xl bg-surface dark:bg-dm-surface border border-transparent"
     >
       {children}
     </nav>