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;