diff --git a/packages/grafana-ui/src/components/Switch/Switch.tsx b/packages/grafana-ui/src/components/Switch/Switch.tsx
index 00ed1edc7bd..f00e1b288a8 100644
--- a/packages/grafana-ui/src/components/Switch/Switch.tsx
+++ b/packages/grafana-ui/src/components/Switch/Switch.tsx
@@ -181,9 +181,9 @@ const getSwitchStyles = (theme: GrafanaTheme2, transparent?: boolean) => ({
     },
   }),
   disabled: css({
-    backgroundColor: 'rgba(204, 204, 220, 0.04)',
+    backgroundColor: transparent ? 'transparent' : 'rgba(204, 204, 220, 0.04)',
     color: 'rgba(204, 204, 220, 0.6)',
-    border: '1px solid rgba(204, 204, 220, 0.04)',
+    border: `1px solid ${transparent ? 'transparent' : 'rgba(204, 204, 220, 0.04)'}`,
   }),
   inlineLabel: css({
     cursor: 'pointer',