diff --git a/projects/igniteui-angular/core/src/core/styles/components/navbar/_navbar-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/navbar/_navbar-theme.scss
index 83ae92dc981..ea0decfb098 100644
--- a/projects/igniteui-angular/core/src/core/styles/components/navbar/_navbar-theme.scss
+++ b/projects/igniteui-angular/core/src/core/styles/components/navbar/_navbar-theme.scss
@@ -117,6 +117,13 @@
         display: flex;
         align-items: center;
 
+        @if $variant == 'indigo' {
+            igc-icon-button,
+            [igxIconButton] {
+                padding: rem(6px);
+            }
+        }
+
         igx-icon,
         igc-icon {
             --component-size: #{if($variant == 'indigo', 2, 3)};
@@ -128,7 +135,6 @@
             @if $variant == 'indigo' {
                 width: auto;
                 height: auto;
-                padding: rem(6px);
             }
         }