diff --git a/projects/angular-split/src/lib/split/split.component.ts b/projects/angular-split/src/lib/split/split.component.ts
index 1d1bf24a..40f37596 100644
--- a/projects/angular-split/src/lib/split/split.component.ts
+++ b/projects/angular-split/src/lib/split/split.component.ts
@@ -127,13 +127,13 @@ export class SplitComponent {
     let visitedVisibleAreas = 0
 
     this._areas().forEach((area, index, areas) => {
+      const unit = this.unit()
+      const areaSize = area._internalSize()
+
       // Add area size column
       if (!area.visible()) {
-        columns.push('0fr')
+        columns.push(unit === 'percent' || areaSize === '*' ? '0fr' : '0px')
       } else {
-        const areaSize = area._internalSize()
-        const unit = this.unit()
-
         if (unit === 'pixel') {
           const columnValue = areaSize === '*' ? '1fr' : `${areaSize}px`
           columns.push(columnValue)