From 0fb1bbdc51339ad195e540f549217a6791303c5d Mon Sep 17 00:00:00 2001
From: ravneet kaur <146877258+ravneet27062004@users.noreply.github.com>
Date: Wed, 22 Oct 2025 21:06:15 +0530
Subject: [PATCH] Remove rectangular background for the search bar in layout

---
 client/src/pages/Courses.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/Courses.jsx b/client/src/pages/Courses.jsx
index 03efff02..ea7075b8 100644
--- a/client/src/pages/Courses.jsx
+++ b/client/src/pages/Courses.jsx
@@ -334,14 +334,14 @@ const Courses = () => {
                 }
               >
                 {/* THIS IS THE CORRECTED LINE */}
-                <div className={`relative flex items-center h-16 rounded-2xl overflow-hidden ${isDark ? 'bg-dark-bg-secondary border border-dark-border' : 'bg-light-bg-secondary border border-light-border'} backdrop-blur-sm shadow-lg transition-all duration-300`}>
+             
                   <SearchBar searchTerm={searchTerm} setSearchTerm={setSearchTerm} />
-                </div>
+                
               </Suspense>
             </div>
 
             {/* Enhanced Category Filters */}
-            <div className={`flex flex-wrap justify-center gap-3 p-4 rounded-xl shadow-lg bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-gray-800 dark:to-secondary-1000 backdrop-blur-xl ${isDark ? 'border border-dark-border' : 'border border-light-border'}`}>
+            
               <motion.button
                 variants={buttonVariants}
                 initial="initial"
@@ -399,7 +399,7 @@ const Courses = () => {
                   </motion.button>
                 );
               })}
-            </div>
+           
 
             {/* Search Results Count */}
             {searchTerm && (