diff --git a/projects/ngx-datatable/src/lib/components/body/body.component.ts b/projects/ngx-datatable/src/lib/components/body/body.component.ts
index b587283bf..676e716e6 100644
--- a/projects/ngx-datatable/src/lib/components/body/body.component.ts
+++ b/projects/ngx-datatable/src/lib/components/body/body.component.ts
@@ -176,7 +176,7 @@ import { DragEventData } from '../../types/drag-events.type';
           [scrollbarV]="scrollbarV"
           [scrollbarH]="scrollbarH"
           [scrollHeight]="scrollHeight"
-          [scrollWidth]="columnGroupWidths?.total"
+          [style.width]="scrollbarH ? columnGroupWidths?.total + 'px' : '100%'"
           (scroll)="onBodyScroll($event)"
         >
           <div
@@ -185,7 +185,6 @@ import { DragEventData } from '../../types/drag-events.type';
             [innerHTML]="emptyMessage"
           ></div>
           <div #customEmptyContent>
-            {{columnGroupWidths?.total}}
             <ng-content select="[empty-content]"></ng-content>
           </div>
         </datatable-scroller>