diff --git a/webnext/src/shared/defguard-ui/components/InfoBanner/style.scss b/webnext/src/shared/defguard-ui/components/InfoBanner/style.scss
index 39381448..589665bd 100644
--- a/webnext/src/shared/defguard-ui/components/InfoBanner/style.scss
+++ b/webnext/src/shared/defguard-ui/components/InfoBanner/style.scss
@@ -27,7 +27,7 @@
     }
 
     &.variant-warning {
-      --bg-color: var(--bg-warning);
+      --bg-color: var(--bg-warning-transparent);
       --color: var(--fg-attention);
       --icon-color: var(--fg-attention);
     }
diff --git a/webnext/src/shared/defguard-ui/scss/_themes.scss b/webnext/src/shared/defguard-ui/scss/_themes.scss
index 55f17925..ef13c12c 100644
--- a/webnext/src/shared/defguard-ui/scss/_themes.scss
+++ b/webnext/src/shared/defguard-ui/scss/_themes.scss
@@ -21,6 +21,7 @@
 
   --bg-success: var(--c-green-500);
   --bg-warning: var(--c-orange-500);
+  --bg-warning-transparent: var(--c-orange-500-transparent);
 
   --border-action: var(--c-blue-500);
   --border-action-disabled: var(--c-blue-300);
@@ -78,6 +79,7 @@
 
   --bg-success: var(--c-green-500);
   --bg-warning: var(--c-orange-500);
+  --bg-warning-transparent: var(--c-orange-500-transparent);
 
   --border-action: var(--c-blue-500);
   --border-action-disabled: var(--c-blue-300);