diff --git a/lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.html b/lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.html
index 32e951ba6d..16570f2d31 100644
--- a/lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.html
+++ b/lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.html
@@ -1,6 +1,7 @@
 <mat-tab-group (selectedIndexChange)="onTabIndexChanged($event)">
     <mat-tab *ngFor="let tabContent of tabsContents; let i = index"
              [labelClass]='selectedIndex === i ? "adf-search-tab-label-active" : ""'
+             [bodyClass]='selectedIndex === i ? "adf-search-tab-content-active" : ""'
              label="{{tabContent.name | translate}}">
         <ng-container *ngTemplateOutlet="tabContent.templateRef"></ng-container>
     </mat-tab>
diff --git a/lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.scss b/lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.scss
index 3f66d6b218..11ab6f41ee 100644
--- a/lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.scss
+++ b/lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.scss
@@ -2,4 +2,13 @@ adf-search-filter-tabbed {
     .adf-search-tab-label-active {
         border-bottom: 2px solid var(--theme-primary-color);
     }
+
+    // The important tag is used here as a workaround for a bug in angular material, when MatTabs are used in conjunction with MatMenu
+    // https://github.com/angular/components/issues/27426
+    .adf-search-tab-content-active {
+        & > div {
+            visibility: visible !important;
+            display: block !important;
+        }
+    }
 }