@if (hasPermissionToFilterByType) {
diff --git a/libs/ui/src/lib/activities-table/activities-table.component.scss b/libs/ui/src/lib/activities-table/activities-table.component.scss
index 5d4e87f30f..4e98f726e2 100644
--- a/libs/ui/src/lib/activities-table/activities-table.component.scss
+++ b/libs/ui/src/lib/activities-table/activities-table.component.scss
@@ -1,3 +1,12 @@
+@use '@angular/material' as mat;
+
:host {
display: block;
+
+ @include mat.form-field-overrides(
+ (
+ container-height: 2rem,
+ container-vertical-padding: 0.33rem
+ )
+ );
}
diff --git a/libs/ui/src/lib/activities-table/activities-table.component.stories.ts b/libs/ui/src/lib/activities-table/activities-table.component.stories.ts
index 57a8f18b68..057747cf14 100644
--- a/libs/ui/src/lib/activities-table/activities-table.component.stories.ts
+++ b/libs/ui/src/lib/activities-table/activities-table.component.stories.ts
@@ -494,3 +494,28 @@ export const Actions: Story = {
totalItems: activities.length
}
};
+
+export const Toolbar: Story = {
+ args: {
+ dataSource,
+ baseCurrency: 'USD',
+ deviceType: 'desktop',
+ hasActivities: true,
+ hasPermissionToCreateActivity: true,
+ hasPermissionToDeleteActivity: true,
+ hasPermissionToExportActivities: true,
+ hasPermissionToFilterByType: true,
+ hasPermissionToOpenDetails: false,
+ locale: 'en-US',
+ pageIndex: 0,
+ pageSize: 10,
+ showAccountColumn: true,
+ showActions: false,
+ showCheckbox: false,
+ showNameColumn: true,
+ sortColumn: 'date',
+ sortDirection: 'desc',
+ sortDisabled: false,
+ totalItems: activities.length
+ }
+};