diff --git a/frontend/src/lib/components/neurons/MakeNeuronsPublicBanner.svelte b/frontend/src/lib/components/neurons/MakeNeuronsPublicBanner.svelte
index 209f483b860..a11b453239f 100644
--- a/frontend/src/lib/components/neurons/MakeNeuronsPublicBanner.svelte
+++ b/frontend/src/lib/components/neurons/MakeNeuronsPublicBanner.svelte
@@ -97,7 +97,7 @@
   .banner {
     display: flex;
     align-items: center;
-    background: var(--input-background);
+    background-color: var(--banner-background);
     border-radius: var(--border-radius);
     padding: var(--padding) var(--padding-1_5x);
     gap: var(--padding-1_5x);
diff --git a/frontend/src/lib/components/ui/Banner.svelte b/frontend/src/lib/components/ui/Banner.svelte
index a06af69b5b3..755cef7ec79 100644
--- a/frontend/src/lib/components/ui/Banner.svelte
+++ b/frontend/src/lib/components/ui/Banner.svelte
@@ -75,11 +75,11 @@
 
     padding: var(--padding-2x);
     border-radius: var(--border-radius);
-    background: var(--input-background);
+    background-color: var(--banner-background);
   }
 
   .banner.isCritical {
-    background: var(--tooltip-background);
+    background-color: var(--tooltip-background);
 
     .title {
       color: var(--tooltip-text-color);
diff --git a/frontend/src/lib/components/ui/UsdValueBanner.svelte b/frontend/src/lib/components/ui/UsdValueBanner.svelte
index 1a45845818c..f3064097455 100644
--- a/frontend/src/lib/components/ui/UsdValueBanner.svelte
+++ b/frontend/src/lib/components/ui/UsdValueBanner.svelte
@@ -102,7 +102,7 @@
     align-items: center;
     gap: var(--padding-2x);
 
-    background-color: var(--card-background-tint);
+    background-color: var(--banner-background);
     padding: var(--padding-2x);
     border-radius: var(--padding);
     border: 1.5px solid var(--card-border);