nav: fixed hover and dropdown button style

src/NavDropdown.js

@@ -22,18 +22,21 @@ export default class NavDropdown extends React.Component{
         <Button id="caret" color="link" className="pr-2">
           <Link className="nav-link pr-0" to={this.props.link.url}>{this.props.link.name}</Link>
         </Button>
-        <DropdownToggle caret color="link" className="pl-0"/>
+        <DropdownToggle caret color="link" className="pl-0" style={{color: "rgba(255,255,255,.5)"}}/>
         <DropdownMenu right>
           <DropdownItem >
             <Link className="nav-link text-dark" to={this.props.link.url}>
               {this.props.link.name}
             </Link>
-            {this.props.link.sublinks.map((sublink, idx) => (
+          </DropdownItem>
+          {this.props.link.sublinks.map((sublink, idx) => (
+            <DropdownItem key={idx}>
               <Link className="nav-link text-dark" to={sublink.url} key={idx}>
                 {sublink.name}
               </Link>
-            ))}
-          </DropdownItem>
+            </DropdownItem>
+          ))}
+
         </DropdownMenu>
       </ButtonDropdown>
     );