diff --git a/lib/content-services/src/lib/search/components/search-panel/search-panel.component.html b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.html
index 3a014e0c6d..34bd845192 100644
--- a/lib/content-services/src/lib/search/components/search-panel/search-panel.component.html
+++ b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.html
@@ -1,4 +1,6 @@
- 0"
- class="app-search-settings" #searchFilter
- [showContextFacets]="false"
->
+
diff --git a/lib/content-services/src/lib/search/components/search-panel/search-panel.component.scss b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.scss
new file mode 100644
index 0000000000..291d0a645c
--- /dev/null
+++ b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.scss
@@ -0,0 +1,4 @@
+.adf-search-panel-scrollable {
+ overflow: scroll;
+ max-height: 200px;
+}
diff --git a/lib/content-services/src/lib/search/components/search-panel/search-panel.component.ts b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.ts
index 50b1f8b4eb..293d041d49 100644
--- a/lib/content-services/src/lib/search/components/search-panel/search-panel.component.ts
+++ b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.ts
@@ -23,6 +23,7 @@ import { SEARCH_QUERY_SERVICE_TOKEN } from '../../search-query-service.token';
@Component({
selector: 'adf-search-panel',
templateUrl: './search-panel.component.html',
+ styleUrls: ['./search-panel.component.scss'],
encapsulation: ViewEncapsulation.None,
host: { class: 'adf-search-panel' }