dropdown color options to show

src/components/Dropdown.tsx

@@ -14,6 +14,7 @@ export default function Dropdown(props: Props) {
     const [isOpen, setIsOpen] = useState<boolean>(false);
     const menuItems = item?.children ? item.children : [];
     const lastIndex = menuItems.length - 1;
+    const itemId = item.id;
 
     const toggle = () => {
         setIsOpen(old => !old);
@@ -29,6 +30,10 @@ export default function Dropdown(props: Props) {
         return lastIndex == menuItems.indexOf(currentItem)
     }
 
+    function isSecondItem (currentItem: MenuItem) {
+        return 1 == menuItems.indexOf(currentItem)
+    }
+
     return (
         <>
             <div className="relative">
@@ -41,8 +46,14 @@ export default function Dropdown(props: Props) {
                         menuItems.map(item =>
                             <>
                                 <Link
-                                    key={item.route}
-                                    className="hover:bg-britton-medium hover:text-britton-neutral text-center px-2 py-1"
+                                    key={item.id}
+                                    className={classnames(
+                                        "hover:text-britton-neutral text-center px-2 py-1",
+                                        {
+                                            "hover:bg-britton-newblue" : itemId == 'employers',
+                                            "hover:bg-britton-medium" : itemId != 'employers'
+                                        }
+                                    )}
                                     href={item?.route || ''}
                                     onClick={toggle}
                                 >