diff --git a/components/lib/themes/aura/index.js b/components/lib/themes/aura/index.js
index d95bbb8ca..bc7fd21f6 100644
--- a/components/lib/themes/aura/index.js
+++ b/components/lib/themes/aura/index.js
@@ -305,7 +305,7 @@ export default {
                         }
                     },
                     optionGroup: {
-                        background: '{surface.0}',
+                        background: 'transparent',
                         color: '{text.muted.color}'
                     }
                 },
@@ -323,7 +323,7 @@ export default {
                         }
                     },
                     submenuLabel: {
-                        background: '{surface.0}',
+                        background: 'transparent',
                         color: '{text.muted.color}'
                     },
                     submenuIcon: {
@@ -427,7 +427,7 @@ export default {
                         }
                     },
                     optionGroup: {
-                        background: '{surface.900}',
+                        background: 'transparent',
                         color: '{text.muted.color}'
                     }
                 },
@@ -445,7 +445,7 @@ export default {
                         }
                     },
                     submenuLabel: {
-                        background: '{surface.900}',
+                        background: 'transparent',
                         color: '{text.muted.color}'
                     },
                     submenuIcon: {
diff --git a/components/lib/themes/lara/index.js b/components/lib/themes/lara/index.js
index c4a3cde3e..63a0fdd5f 100644
--- a/components/lib/themes/lara/index.js
+++ b/components/lib/themes/lara/index.js
@@ -307,7 +307,7 @@ export default {
                         }
                     },
                     optionGroup: {
-                        background: '{surface.0}',
+                        background: 'transparent',
                         color: '{text.color}'
                     }
                 },
@@ -325,7 +325,7 @@ export default {
                         }
                     },
                     submenuLabel: {
-                        background: '{surface.0}',
+                        background: 'transparent',
                         color: '{text.color}'
                     },
                     submenuIcon: {
@@ -432,7 +432,7 @@ export default {
                         }
                     },
                     optionGroup: {
-                        background: '{surface.900}',
+                        background: 'transparent',
                         color: '{text.color}'
                     }
                 },
@@ -450,7 +450,7 @@ export default {
                         }
                     },
                     submenuLabel: {
-                        background: '{surface.900}',
+                        background: 'transparent',
                         color: '{text.color}'
                     },
                     submenuIcon: {