From 3af3484a00f8d3404e509e66aacd6687f9932953 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 28 Oct 2024 23:14:11 -0700
Subject: [PATCH] Fix: cf query dropdown styling affecting other components
 (#8095)

---
 .../custom-fields-query-dropdown.component.scss           | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.scss b/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.scss
index a10c4658d..f38bb4002 100644
--- a/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.scss
+++ b/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.scss
@@ -5,26 +5,26 @@
   }
 }
 
-::ng-deep .ng-select-container {
+:host ::ng-deep .ng-select-container {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   height: 100% !important;
 }
 
-::ng-deep .rounded-end .ng-select-container {
+:host ::ng-deep .rounded-end .ng-select-container {
   border-top-right-radius: var(--bs-border-radius) !important;
   border-bottom-right-radius: var(--bs-border-radius) !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
 
-::ng-deep .ng-select {
+:host ::ng-deep .ng-select {
   max-width: 100px;
   min-width: 35%;
   font-size: 14px;
 }
 
-::ng-deep .doc-link-select {
+:host ::ng-deep .doc-link-select {
   padding-top: 0 !important;
   border-top-right-radius: var(--bs-border-radius) !important;
   border-bottom-right-radius: var(--bs-border-radius) !important;