diff --git a/packages/themes/src/presets/aura/index.js b/packages/themes/src/presets/aura/index.js
index 7e13312bde..c172c20ae0 100644
--- a/packages/themes/src/presets/aura/index.js
+++ b/packages/themes/src/presets/aura/index.js
@@ -391,7 +391,7 @@ export default {
                     hoverMutedColor: '{surface.300}'
                 },
                 content: {
-                    background: '{surface.900}',
+                    background: 'transparent',
                     hoverBackground: '{surface.800}',
                     borderColor: '{surface.700}',
                     color: '{text.color}',
diff --git a/packages/themes/src/presets/lara/index.js b/packages/themes/src/presets/lara/index.js
index 04f7a83c39..b29e7cc1be 100644
--- a/packages/themes/src/presets/lara/index.js
+++ b/packages/themes/src/presets/lara/index.js
@@ -396,7 +396,7 @@ export default {
                     hoverMutedColor: '{surface.300}'
                 },
                 content: {
-                    background: '{surface.900}',
+                    background: 'transparent',
                     hoverBackground: '{surface.800}',
                     borderColor: '{surface.700}',
                     color: '{text.color}',
diff --git a/packages/themes/src/presets/nora/index.js b/packages/themes/src/presets/nora/index.js
index 8e7247a02e..3de122e717 100644
--- a/packages/themes/src/presets/nora/index.js
+++ b/packages/themes/src/presets/nora/index.js
@@ -391,7 +391,7 @@ export default {
                     hoverMutedColor: '{surface.300}'
                 },
                 content: {
-                    background: '{surface.900}',
+                    background: 'transparent',
                     hoverBackground: '{surface.700}',
                     borderColor: '{surface.500}',
                     color: '{text.color}',