diff --git a/projects/igniteui-angular/src/lib/core/styles/components/banner/_banner-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/banner/_banner-theme.scss
index 3ea4864be04..69a41faa4dc 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/banner/_banner-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/banner/_banner-theme.scss
@@ -111,7 +111,11 @@
         igx-icon,
         igc-button,
         [igxButton] {
-            --component-size: var(--ig-size, 2) !important;
+            --component-size: var(--ig-size, var(--ig-size-large));
+
+            @if $variant == 'indigo' {
+                --component-size: var(--ig-size, var(--ig-size-medium));
+            }
         }
     }