From 2a9c0a69357080e18495512cc925c5ecb46a9461 Mon Sep 17 00:00:00 2001
From: Aasim Khan <aasimkhan30@gmail.com>
Date: Fri, 30 Sep 2022 10:00:13 -0700
Subject: [PATCH] Fixing filter stylings (#20685)

---
 .../executionPlan/browser/executionPlanPropertiesViewBase.ts   | 3 ++-
 .../contrib/executionPlan/browser/topOperationsTab.ts          | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/sql/workbench/contrib/executionPlan/browser/executionPlanPropertiesViewBase.ts b/src/sql/workbench/contrib/executionPlan/browser/executionPlanPropertiesViewBase.ts
index 0e8a1adb5b..1908e97d62 100644
--- a/src/sql/workbench/contrib/executionPlan/browser/executionPlanPropertiesViewBase.ts
+++ b/src/sql/workbench/contrib/executionPlan/browser/executionPlanPropertiesViewBase.ts
@@ -11,7 +11,7 @@ import { ActionsOrientation } from 'vs/base/browser/ui/actionbar/actionbar';
 import { Action } from 'vs/base/common/actions';
 import { Codicon } from 'vs/base/common/codicons';
 import { propertiesSearchDescription, searchIconClassNames, searchPlaceholder, sortAlphabeticallyIconClassNames, sortByDisplayOrderIconClassNames, sortReverseAlphabeticallyIconClassNames } from 'sql/workbench/contrib/executionPlan/browser/constants';
-import { attachTableStyler } from 'sql/platform/theme/common/styler';
+import { attachInputBoxStyler, attachTableStyler } from 'sql/platform/theme/common/styler';
 import { RESULTS_GRID_DEFAULTS } from 'sql/workbench/common/constants';
 import { contrastBorder, inputBackground, listHoverBackground, listInactiveSelectionBackground } from 'vs/platform/theme/common/colorRegistry';
 import { TreeGrid } from 'sql/base/browser/ui/table/treeGrid';
@@ -132,6 +132,7 @@ export abstract class ExecutionPlanPropertiesViewBase extends Disposable impleme
 			ariaDescription: propertiesSearchDescription,
 			placeholder: searchPlaceholder
 		}));
+		attachInputBoxStyler(this._propertiesSearchInput, this._themeService);
 		this._propertiesSearchInput.element.classList.add('codicon', searchIconClassNames);
 		this._searchAndActionBarContainer.appendChild(this._propertiesSearchInputContainer);
 		this._register(this._propertiesSearchInput.onDidChange(e => {
diff --git a/src/sql/workbench/contrib/executionPlan/browser/topOperationsTab.ts b/src/sql/workbench/contrib/executionPlan/browser/topOperationsTab.ts
index 0b7b7e1bfe..106e146a1e 100644
--- a/src/sql/workbench/contrib/executionPlan/browser/topOperationsTab.ts
+++ b/src/sql/workbench/contrib/executionPlan/browser/topOperationsTab.ts
@@ -14,7 +14,7 @@ import { ExecutionPlanState } from 'sql/workbench/common/editor/query/executionP
 import { Table } from 'sql/base/browser/ui/table/table';
 import { hyperLinkFormatter, textFormatter } from 'sql/base/browser/ui/table/formatters';
 import { RESULTS_GRID_DEFAULTS } from 'sql/workbench/common/constants';
-import { attachTableStyler } from 'sql/platform/theme/common/styler';
+import { attachInputBoxStyler, attachTableStyler } from 'sql/platform/theme/common/styler';
 import { IColorTheme, ICssStyleCollector, IThemeService, registerThemingParticipant } from 'vs/platform/theme/common/themeService';
 import { ExecutionPlanViewHeader } from 'sql/workbench/contrib/executionPlan/browser/executionPlanViewHeader';
 import { QueryResultsView } from 'sql/workbench/contrib/query/browser/queryResultsView';
@@ -169,6 +169,7 @@ export class TopOperationsTabView extends Disposable implements IPanelView {
 			ariaDescription: topOperationsSearchDescription,
 			placeholder: searchPlaceholder
 		});
+		attachInputBoxStyler(topOperationsSearchInput, this._themeService);
 		topOperationsSearchInput.element.classList.add('codicon', searchIconClassNames);
 
 		const header = this._instantiationService.createInstance(ExecutionPlanViewHeader, headerInfoContainer, {