change desktop landing dropdown menu

frontend/src/components/LandingNavbar.js

@@ -84,12 +84,25 @@ const LandingNavbar = () => {
                     </RouteButton>
                   )}
                   {item.type !== PAGETYPE.FOOTER_CATEGORY && item.children && (
-                    <Menu colorScheme="blackAlpha">
-                      <MenuButton as={Button} rightIcon={<ChevronDownIcon />}>
+                    <Menu autoSelect="false">
+                      <MenuButton
+                        as={Button}
+                        rightIcon={<ChevronDownIcon />}
+                        color="white"
+                        _expanded={{ color: "white" }}
+                      >
                         {item.title}
                       </MenuButton>
                       <Portal>
-                        <MenuList zIndex={100}>
+                        <MenuList
+                          zIndex={100}
+                          bg="#1A1D22"
+                          w="auto"
+                          minW="auto"
+                          borderRadius="10px"
+                          p="20px 20px 10px 20px"
+                          border="1px solid white"
+                        >
                           {item.children.map((child, idx) => (
                             <RouterLink
                               shallow={true}
@@ -97,7 +110,22 @@ const LandingNavbar = () => {
                               href={child.path}
                               passHref
                             >
-                              <MenuItem key={`menu-${idx}`} as={"a"} m={0}>
+                              <MenuItem
+                                key={`menu-${idx}`}
+                                as={"a"}
+                                m={0}
+                                color="white"
+                                fontWeight="400"
+                                px="0px"
+                                mb="10px"
+                                h="22px"
+                                _hover={{
+                                  backgroundColor: "#1A1D22",
+                                  color: "#F56646",
+                                  fontWeight: "700",
+                                }}
+                                _focus={{ backgroundColor: "#1A1D22" }}
+                              >
                                 {child.title}
                               </MenuItem>
                             </RouterLink>