From e893a7c0b6c708bb89dba5f2aadbb9b58f057863 Mon Sep 17 00:00:00 2001
From: manshusainishab <manshupallav@gmail.com>
Date: Sun, 1 Mar 2026 01:46:42 +0530
Subject: [PATCH] Fix(searchBar): icon layout fix

---
 .../frontend/src/pages/Search/components/SearchBar.scss       | 4 ++--
 .../frontend/src/pages/Search/components/SearchBar.tsx        | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/application/frontend/src/pages/Search/components/SearchBar.scss b/application/frontend/src/pages/Search/components/SearchBar.scss
index 4800c4a37..3563524fd 100644
--- a/application/frontend/src/pages/Search/components/SearchBar.scss
+++ b/application/frontend/src/pages/Search/components/SearchBar.scss
@@ -16,8 +16,8 @@
   }
 
   .search-icon {
-    position: absolute;
-    left: 0.75rem;
+    position: relative;
+    left: 1rem;
     top: 50%;
     transform: translateY(-50%);
     color: var(--muted-foreground);
diff --git a/application/frontend/src/pages/Search/components/SearchBar.tsx b/application/frontend/src/pages/Search/components/SearchBar.tsx
index 7fa4830ea..d7aab6893 100644
--- a/application/frontend/src/pages/Search/components/SearchBar.tsx
+++ b/application/frontend/src/pages/Search/components/SearchBar.tsx
@@ -41,6 +41,8 @@ export const SearchBar = () => {
           Search OpenCRE
         </label>
 
+        <div className="search-container flex items-center">
+
         <Search className="search-icon" aria-hidden="true" />
 
         <input
@@ -58,6 +60,7 @@ export const SearchBar = () => {
             })
           }
         />
+        </div>
       </form>
       {/* Error text */}
       {search.error && (