don't allow x scoll on product search

src/components/SearchProduct/SearchProduct.jsx

       </Box>
 
       {/* Product List */}
-      <Grid container sx={{ width: "100%", overflowY:"scroll" }} columns={12}>
+      <Grid container sx={{ width: "100%", overflowY:"scroll", overflowX:"hidden" }} columns={12}>
         {searchedProducts.length > 0 ? (
           searchedProducts.map((product) => {
 
                     alignItems: "center",
                     py: 2,
                     px: 2,
-                    width: "100%",
+                    width: "98%",
                     cursor: "pointer",
                     backgroundColor: "rgba(255,255,255,0.2)",
                     boxShadow: "none",