don't allow x scoll on product search

src/components/SearchProduct/SearchProduct.jsx

@@ -104,7 +104,7 @@ const SearchProduct = ({ onClose }) => {
       </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) => {
 
@@ -121,7 +121,7 @@ const SearchProduct = ({ onClose }) => {
                     alignItems: "center",
                     py: 2,
                     px: 2,
-                    width: "100%",
+                    width: "98%",
                     cursor: "pointer",
                     backgroundColor: "rgba(255,255,255,0.2)",
                     boxShadow: "none",