diff --git a/projects/angular/components/ui-grid/src/ui-grid.component.scss b/projects/angular/components/ui-grid/src/ui-grid.component.scss
index 93cee296..654f4cee 100644
--- a/projects/angular/components/ui-grid/src/ui-grid.component.scss
+++ b/projects/angular/components/ui-grid/src/ui-grid.component.scss
@@ -26,7 +26,7 @@ ui-grid {
     --ui-grid-action-buttons-spacing: 16px;
 
     &.ui-grid-state-high-density {
-        --ui-grid-header-row-height: 32px;
+        --ui-grid-header-row-height: 40px;
         --ui-grid-row-height: 32px;
         --ui-grid-filter-container-min-height: 48px;
         --ui-grid-foother-height: 32px;
diff --git a/projects/angular/components/ui-grid/src/ui-grid.component.spec.ts b/projects/angular/components/ui-grid/src/ui-grid.component.spec.ts
index 2e2e5198..42de25e8 100644
--- a/projects/angular/components/ui-grid/src/ui-grid.component.spec.ts
+++ b/projects/angular/components/ui-grid/src/ui-grid.component.spec.ts
@@ -1143,7 +1143,7 @@ describe('Component: UiGrid', () => {
             expect(grid.rowSize).toBe(32);
 
             const headerRow = fixture.debugElement.query(By.css('.ui-grid-header-row')).nativeElement;
-            expect(getComputedStyle(headerRow).height).toBe('32px');
+            expect(getComputedStyle(headerRow).height).toBe('40px');
             const contentRow = fixture.debugElement.query(By.css('.ui-grid-row')).nativeElement;
             expect(getComputedStyle(contentRow).height).toBe('32px');
         });