added

components/search/searchComponent.jsx

@@ -102,11 +102,11 @@ const SearchComponent = ({ isScrolled }) => {
                 <div className="flex items-center gap-2">
                   {product.images?.[0] && (
                     <Image
-                      src={`${backendUrl}${product.images[0].image}`} 
-                      alt={product.product_name} 
-                      width={32} 
-                      height={32} 
-                      className="object-cover" 
+                      src={`${backendUrl}${product.images[0].image}`}
+                      alt={product.product_name}
+                      width={32}
+                      height={32}
+                      className="object-cover"
                     />
                   )}
                   <span>{product.product_name}</span>
@@ -130,7 +130,7 @@ const SearchComponent = ({ isScrolled }) => {
             <Search size={20} />
           </button>
           {isExpanded && (
-            <div className="absolute right-0 top-12 bg-white shadow-lg w-72 p-4">
+            <div className="absolute right-[-10rem] top-12 bg-white shadow-lg w-72 p-4">
               <SearchInput />
               <Suggestions />
             </div>