diff --git a/components/doc/dropdown/theming/tailwinddoc.js b/components/doc/dropdown/theming/tailwinddoc.js
index 75dc2b4b59..c48a689670 100644
--- a/components/doc/dropdown/theming/tailwinddoc.js
+++ b/components/doc/dropdown/theming/tailwinddoc.js
@@ -53,7 +53,8 @@ const Tailwind = {
                     'text-gray-700': !context.focused && !context.selected,
                     'bg-gray-300 text-gray-700 dark:text-white/80 dark:bg-gray-800/90': context.focused && !context.selected,
                     'bg-blue-400 text-blue-700 dark:bg-blue-400 dark:text-white/80': context.focused && context.selected,
-                    'bg-blue-50 text-blue-700 dark:bg-blue-300 dark:text-white/80': !context.focused && context.selected
+                    'bg-blue-50 text-blue-700 dark:bg-blue-300 dark:text-white/80': !context.focused && context.selected,
+                    'opacity-60 select-none pointer-events-none cursor-default': context.disabled
                 }
             )
         }),
diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
index 64419e7dcc..e6a70fdbc1 100644
--- a/components/lib/passthrough/tailwind/index.js
+++ b/components/lib/passthrough/tailwind/index.js
@@ -1103,7 +1103,8 @@ const Tailwind = {
                 'text-gray-700 hover:text-gray-700 hover:bg-gray-200 dark:text-white/80 dark:hover:bg-gray-800': !context.focused && !context.selected,
                 'bg-gray-300 text-gray-700 dark:text-white/80 dark:bg-gray-800/90 hover:text-gray-700 hover:bg-gray-200 dark:text-white/80 dark:hover:bg-gray-800': context.focused && !context.selected,
                 'bg-blue-100 text-blue-700 dark:bg-blue-400 dark:text-white/80': context.focused && context.selected,
-                'bg-blue-50 text-blue-700 dark:bg-blue-300 dark:text-white/80': !context.focused && context.selected
+                'bg-blue-50 text-blue-700 dark:bg-blue-300 dark:text-white/80': !context.focused && context.selected,
+                'opacity-60 select-none pointer-events-none cursor-default': context.disabled
             })
         }),
         itemGroup: {