From 3d66086eebe112bfb815b2fedbd213b57c7c840d Mon Sep 17 00:00:00 2001
From: Pochana Srikar Reddy
 <59635392+SRIKARREDDY-dotorg@users.noreply.github.com>
Date: Mon, 10 Mar 2025 11:43:16 +0530
Subject: [PATCH] Add space b/w search icon and text (#11474)

* Add space b/w search icon and text

* Moved the styles to global datasources

* Renamed to datasources-search-box

---------

Co-authored-by: Pochana Srikar Reddy <pochasri@amazon.com>
---
 .../src/GlobalDatasources/GlobalDataSourcesPage/index.jsx     | 2 +-
 frontend/src/_styles/global-datasources.scss                  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/GlobalDatasources/GlobalDataSourcesPage/index.jsx b/frontend/src/GlobalDatasources/GlobalDataSourcesPage/index.jsx
index eee3adcd2c..2c51608134 100644
--- a/frontend/src/GlobalDatasources/GlobalDataSourcesPage/index.jsx
+++ b/frontend/src/GlobalDatasources/GlobalDataSourcesPage/index.jsx
@@ -200,7 +200,7 @@ export const GlobalDataSourcesPage = ({ darkMode = false, updateSelectedDatasour
           <div className="datasource-search-holder">
             <SearchBox
               dataCy={`home-page`}
-              className="border-0 homepage-search"
+              className="border-0 homepage-search datasources-search-box"
               darkMode={darkMode}
               placeholder={`Search data sources`}
               initialValue={queryString}
diff --git a/frontend/src/_styles/global-datasources.scss b/frontend/src/_styles/global-datasources.scss
index 6ff16d7f77..e5a169125a 100644
--- a/frontend/src/_styles/global-datasources.scss
+++ b/frontend/src/_styles/global-datasources.scss
@@ -209,6 +209,10 @@
     }
 }
 
+.datasources-search-box {
+    margin-left: 8px;
+}
+
 .datasources-info {
     display: contents;
     font-weight: 500 !important;