diff --git a/docs/theme/components/Menu.styles.ts b/docs/theme/components/Menu.styles.ts
index 92f898475b..24e9970e86 100644
--- a/docs/theme/components/Menu.styles.ts
+++ b/docs/theme/components/Menu.styles.ts
@@ -2,9 +2,9 @@ import { ThemeComponent, cva } from '@marigold/system';
 
 export const Menu: ThemeComponent<'Menu'> = {
   container: cva([
-    'overflow-y-auto overflow-x-hidden rounded-sm border border-solid bg-white ',
+    'border-border overflow-hidden rounded-md border bg-white px-1 py-1.5 text-sm shadow-md',
     'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',
   ]),
-  item: cva('hover:bg-bg-hover cursor-pointer px-2 py-1 outline-none'),
+  item: cva('hover:bg-bg-hover cursor-pointer p-2 outline-none'),
   section: cva(''),
 };
diff --git a/docs/theme/tokens.ts b/docs/theme/tokens.ts
index 4d7917c1d9..8e52364253 100644
--- a/docs/theme/tokens.ts
+++ b/docs/theme/tokens.ts
@@ -56,6 +56,6 @@ export const colors = {
   // Border
   // ---------------
   border: {
-    DEFAULT: tw.slate[900],
+    DEFAULT: tw.slate[300],
   },
 };