diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entries/block-grid-entries.context.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entries/block-grid-entries.context.ts
index 8721d1200b33..b86c024eadc5 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entries/block-grid-entries.context.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entries/block-grid-entries.context.ts
@@ -385,7 +385,7 @@ export class UmbBlockGridEntriesContext
 					hostEl.setAttribute('data-area-alias', areaType?.alias ?? '');
 					hostEl.setAttribute('data-area-col-span', areaType?.columnSpan?.toString() ?? '');
 					hostEl.setAttribute('data-area-row-span', areaType?.rowSpan?.toString() ?? '');
-					hostEl.style.setProperty('--umb-block-grid--grid-columns', areaType?.columnSpan?.toString() ?? '');
+					hostEl.style.setProperty('--umb-block-grid--grid-columns', this.#layoutColumns.getValue()?.toString() ?? '');
 					hostEl.style.setProperty('--umb-block-grid--area-column-span', areaType?.columnSpan?.toString() ?? '');
 					hostEl.style.setProperty('--umb-block-grid--area-row-span', areaType?.rowSpan?.toString() ?? '');
 					this.#setupAllowedBlockTypes();