diff --git a/components/doc/menu/theming/tailwinddoc.js b/components/doc/menu/theming/tailwinddoc.js
index 54442e1d73..6514a52130 100644
--- a/components/doc/menu/theming/tailwinddoc.js
+++ b/components/doc/menu/theming/tailwinddoc.js
@@ -39,6 +39,7 @@ const Tailwind = {
         submenuheader: {
             className: classNames('m-0 p-3 text-gray-700 dark:text-white/80 bg-white dark:bg-gray-900 font-bold rounded-tl-none rounded-tr-none')
         },
+        separator: 'border-t border-gray-300 dark:border-blue-900/40 my-1',
         transition: TRANSITIONS.overlay
     }
 }
diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
index 7fcd4e6f71..288d8dc5cd 100644
--- a/components/lib/passthrough/tailwind/index.js
+++ b/components/lib/passthrough/tailwind/index.js
@@ -1846,6 +1846,7 @@ const Tailwind = {
         submenuheader: {
             className: classNames('m-0 p-3 text-gray-700 dark:text-white/80 bg-white dark:bg-gray-900 font-bold rounded-tl-none rounded-tr-none')
         },
+        separator: 'border-t border-gray-300 dark:border-blue-900/40 my-1',
         transition: TRANSITIONS.overlay
     },
     menubar: {