diff --git a/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss
index e7896fba130..aa926274365 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss
@@ -417,6 +417,7 @@
         display: flex;
         align-items: center;
         justify-content: center;
+        flex: 1 1 auto;
         height: map-get($chip-height, 'comfortable');
         padding: 0 rem(4px);
         color: --var($theme, 'text-color');