diff --git a/src/components/navbar/themes/shared/navbar.bootstrap.scss b/src/components/navbar/themes/shared/navbar.bootstrap.scss
index e0211db9b..39c71ea29 100644
--- a/src/components/navbar/themes/shared/navbar.bootstrap.scss
+++ b/src/components/navbar/themes/shared/navbar.bootstrap.scss
@@ -6,7 +6,6 @@ $theme: $bootstrap;
 :host {
     box-shadow: var(--ig-elevation-0);
     padding: 0 rem(8px);
-    border-bottom: rem(1px) solid var-get($theme, 'border-color');
 }
 
 [part='base'] {
diff --git a/src/components/navbar/themes/shared/navbar.common.scss b/src/components/navbar/themes/shared/navbar.common.scss
index 1d27877cb..feb2632f3 100644
--- a/src/components/navbar/themes/shared/navbar.common.scss
+++ b/src/components/navbar/themes/shared/navbar.common.scss
@@ -6,6 +6,7 @@ $theme: $material;
 :host {
     background: var-get($theme, 'background');
     color: var-get($theme, 'text-color');
+    border-bottom: rem(1px) solid var-get($theme, 'border-color');
     box-shadow: var(--ig-elevation-4);
 }
 
diff --git a/src/components/navbar/themes/shared/navbar.indigo.scss b/src/components/navbar/themes/shared/navbar.indigo.scss
index 056fbf081..18d313357 100644
--- a/src/components/navbar/themes/shared/navbar.indigo.scss
+++ b/src/components/navbar/themes/shared/navbar.indigo.scss
@@ -1,5 +1,30 @@
 @use 'styles/utilities' as *;
 
 :host {
+    min-height: rem(56px);
     box-shadow: var(--ig-elevation-0);
+
+    [name='start']::slotted(*),
+    [name='end']::slotted(*) {
+        margin: initial;
+    }
+}
+
+[part='end'] {
+    gap: rem(8px);
+}
+
+[part='base'] {
+    gap: rem(16px);
+}
+
+::slotted(*) {
+    @include type-style('h5');
+}
+
+::slotted(igc-icon) {
+    --size: rem(16px);
+
+    padding: rem(6px);
+    margin: 0;
 }