fix navbar hover styling

src/components/Navbar/Navbar.jsx

             backdropFilter: "none !important",
             '& .navItem':{
               color:"black !important"
-            }
+            },
+            '& .navItem:hover':{
+              color:"#95AAC5 !important"
+            },
           }
         }}
         onMouseLeave={() => {
 
             <IconButton
               onClick={() => setOpen(true)}
+              className="navItem"
               sx={{
                 backgroundColor: "transparent",
-                color: "white",
+                color: (isAtTop) ? "white" : "black",
                 "&:hover": {
                   backgroundColor: "rgba(0, 0, 0, 0.1)",
                 },
                 position: "relative",
                 ':hover': {
                   backgroundColor: "rgba(0,0,0,0)",
-                  color: "#95AAC5"
                 }
               }}
               color="inherit"
                   color: (isAtTop) ? "white" : "black",
                   transition: "all 0.3s ease-in-out",
                   ":hover": {
-                    color: "#95AAC5"
+                    color: "#95AAC5 !important"
                   }
                 }}>{productType}</Typography>
             </Button>))}
 
             <IconButton>
               <SearchIcon className="navItem" style={{
+                transition: "all 0.3s ease-in-out",
                 color: (isAtTop) ? "white" : "black",
               }} />
             </IconButton>
 
             <Badge sx={{ cursor: "pointer" }} onClick={() => { window.location.href = "/cart" }} badgeContent={cartAmount} color="primary">
               <LocalMallIcon className="navItem" style={{
+                transition: "all 0.3s ease-in-out",
                 color: (isAtTop) ? "white" : "black",
               }} />
             </Badge>

src/components/Navbar/components/MobileNav/MobileNav.jsx

     <Drawer
       open={open}
       onClose={onClose}
+      onClick={()=>{onClose()}}
       sx={{
         "& .MuiDrawer-paper": {
-          backgroundColor: "black",
+          backgroundColor: "white",
           color: "white",
-          width: 250,
+          width: "100%",
         },
       }}
     >