diff --git a/src/plugins/chart_expressions/expression_gauge/public/components/__snapshots__/gauge_component.test.tsx.snap b/src/plugins/chart_expressions/expression_gauge/public/components/__snapshots__/gauge_component.test.tsx.snap
index 9af3bb2be8a57..0bd72c606dd9f 100644
--- a/src/plugins/chart_expressions/expression_gauge/public/components/__snapshots__/gauge_component.test.tsx.snap
+++ b/src/plugins/chart_expressions/expression_gauge/public/components/__snapshots__/gauge_component.test.tsx.snap
@@ -7,7 +7,16 @@ exports[`GaugeComponent renders the chart 1`] = `
   <Settings
     ariaUseDefaultSummary={true}
     debugState={false}
-    theme={Object {}}
+    theme={
+      Array [
+        Object {
+          "background": Object {
+            "color": "transparent",
+          },
+        },
+        Object {},
+      ]
+    }
   />
   <Component
     actual={3}
diff --git a/src/plugins/chart_expressions/expression_gauge/public/components/gauge_component.tsx b/src/plugins/chart_expressions/expression_gauge/public/components/gauge_component.tsx
index 9af143d34b6f9..99342edbdbc64 100644
--- a/src/plugins/chart_expressions/expression_gauge/public/components/gauge_component.tsx
+++ b/src/plugins/chart_expressions/expression_gauge/public/components/gauge_component.tsx
@@ -274,7 +274,7 @@ export const GaugeComponent: FC<GaugeRenderProps> = memo(
       <Chart>
         <Settings
           debugState={window._echDebugStateFlag ?? false}
-          theme={chartTheme}
+          theme={[{ background: { color: 'transparent' } }, chartTheme]}
           ariaLabel={args.ariaLabel}
           ariaUseDefaultSummary={!args.ariaLabel}
         />