diff --git a/libs/platform/table/components/table-toolbar/table-toolbar.component.html b/libs/platform/table/components/table-toolbar/table-toolbar.component.html
index 14c45b843c8..f0d84571a10 100644
--- a/libs/platform/table/components/table-toolbar/table-toolbar.component.html
+++ b/libs/platform/table/components/table-toolbar/table-toolbar.component.html
@@ -177,6 +177,7 @@
             </label>
             <fd-toolbar-spacer></fd-toolbar-spacer>
             <button
+                fdCompact
                 (click)="_closeFilterToolbar()"
                 fd-button
                 fdType="transparent"
diff --git a/libs/platform/table/components/table-toolbar/table-toolbar.component.ts b/libs/platform/table/components/table-toolbar/table-toolbar.component.ts
index ea056462c0a..3c255c8f97e 100644
--- a/libs/platform/table/components/table-toolbar/table-toolbar.component.ts
+++ b/libs/platform/table/components/table-toolbar/table-toolbar.component.ts
@@ -18,6 +18,7 @@ import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { ButtonComponent } from '@fundamental-ngx/core/button';
+import { ContentDensityDirective } from '@fundamental-ngx/core/content-density';
 import { HeadingLevel } from '@fundamental-ngx/core/shared';
 import {
     ToolbarComponent,
@@ -98,7 +99,8 @@ export class TableToolbarTemplateDirective {
         AsyncPipe,
         FdTranslatePipe,
         TableToolbarTemplateDirective,
-        ToolbarLabelDirective
+        ToolbarLabelDirective,
+        ContentDensityDirective
     ]
 })
 export class TableToolbarComponent implements TableToolbarInterface {