From 6c8e72b889f848e4a814de62cfeab5113e3c0cdb Mon Sep 17 00:00:00 2001
From: Maxime Beauchemin <maximebeauchemin@gmail.com>
Date: Tue, 8 Apr 2025 08:47:26 -0700
Subject: [PATCH] Fix theming in Explore west panel - Search Input

---
 .../src/components/MessageToasts/Toast.tsx    |  2 +-
 .../components/DatasourcePanel/index.tsx      | 21 +++++++++++--------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/superset-frontend/src/components/MessageToasts/Toast.tsx b/superset-frontend/src/components/MessageToasts/Toast.tsx
index fd8dbdab6f9..b40d303b139 100644
--- a/superset-frontend/src/components/MessageToasts/Toast.tsx
+++ b/superset-frontend/src/components/MessageToasts/Toast.tsx
@@ -42,7 +42,7 @@ const ToastContainer = styled.div`
 
 const notificationStyledIcon = (theme: SupersetTheme) => css`
   min-width: ${theme.sizeUnit * 5}px;
-  color: ${theme.colorIcon};
+  color: ${theme.colorTextLightSolid};
   margin-right: 0;
 `;
 
diff --git a/superset-frontend/src/explore/components/DatasourcePanel/index.tsx b/superset-frontend/src/explore/components/DatasourcePanel/index.tsx
index 1c68422f26c..da98bf5e832 100644
--- a/superset-frontend/src/explore/components/DatasourcePanel/index.tsx
+++ b/superset-frontend/src/explore/components/DatasourcePanel/index.tsx
@@ -24,6 +24,7 @@ import {
   QueryFormData,
   styled,
   t,
+  useTheme,
 } from '@superset-ui/core';
 
 import { ControlConfig } from '@superset-ui/chart-controls';
@@ -276,18 +277,20 @@ export default function DataSourcePanel({
     datasource.type &&
     saveableDatasets[datasource.type as keyof typeof saveableDatasets];
 
+  const theme = useTheme();
   const mainBody = useMemo(
     () => (
       <>
-        <Input
-          allowClear
-          onChange={evt => {
-            setInputValue(evt.target.value);
-          }}
-          value={inputValue}
-          className="form-control input-md"
-          placeholder={t('Search Metrics & Columns')}
-        />
+        <div style={{ padding: theme.sizeUnit * 4 }}>
+          <Input
+            allowClear
+            onChange={evt => {
+              setInputValue(evt.target.value);
+            }}
+            value={inputValue}
+            placeholder={t('Search Metrics & Columns')}
+          />
+        </div>
         <div className="field-selections" data-test="fieldSelections">
           {datasourceIsSaveable && showInfoboxCheck() && (
             <StyledInfoboxWrapper>