diff --git a/packages/ui/src/components/menu/index.tsx b/packages/ui/src/components/menu/index.tsx
index 3d3ad4bf3..796bdd4bd 100644
--- a/packages/ui/src/components/menu/index.tsx
+++ b/packages/ui/src/components/menu/index.tsx
@@ -181,7 +181,7 @@ function MenuContainer(props: PropsWithChildren<MenuContainerProps>) {
         margin: 0,
         borderRadius: "default",
         boxShadow: "menu",
-        border: "1px solid var(--separator)",
+        border: "1px solid var(--border)",
         minWidth: 220,
         ...sx
       }}