diff --git a/common/app/Nav/MediumNav.jsx b/common/app/Nav/MediumNav.jsx
index 153cae84e15..bb5004121cf 100644
--- a/common/app/Nav/MediumNav.jsx
+++ b/common/app/Nav/MediumNav.jsx
@@ -1,6 +1,6 @@
import React from 'react';
import Media from 'react-media';
-import { Col, Navbar, Row } from 'react-bootstrap';
+import { Navbar, Row } from 'react-bootstrap';
import FCCSearchBar from 'react-freecodecamp-search';
import { NavLogo, BinButtons, NavLinks } from './components';
@@ -30,15 +30,13 @@ function MediumNav({ clickOnLogo, clickOnMap, shouldShowMapButton, panes }) {
-
-
+
-
)
diff --git a/common/app/Nav/SmallNav.jsx b/common/app/Nav/SmallNav.jsx
index e6bd7d751f3..f4ff42afce9 100644
--- a/common/app/Nav/SmallNav.jsx
+++ b/common/app/Nav/SmallNav.jsx
@@ -1,6 +1,6 @@
import React from 'react';
import Media from 'react-media';
-import { Col, Navbar, Row } from 'react-bootstrap';
+import { Navbar, Row } from 'react-bootstrap';
import FCCSearchBar from 'react-freecodecamp-search';
import { NavLogo, BinButtons, NavLinks } from './components';
@@ -25,21 +25,19 @@ function SmallNav({ clickOnLogo, clickOnMap, shouldShowMapButton, panes }) {
-
-
+
-
-
-
-
-
+
+
+
+
)
diff --git a/common/app/Nav/nav.less b/common/app/Nav/nav.less
index 9cccb11c0d6..c9a2ea8a12c 100644
--- a/common/app/Nav/nav.less
+++ b/common/app/Nav/nav.less
@@ -310,3 +310,24 @@ li.nav-avatar {
}
}
+
+.collapse-row {
+ background-color: @brand-primary;
+
+ .dropdown-menu {
+
+ li a {
+ display: flex;
+ justify-content: center;
+ background-color: #eeeeee;
+ color: @brand-primary !important;
+
+ &:hover {
+ background-color: @brand-primary !important;
+ color: #eeeeee !important;
+ }
+ }
+
+ }
+
+}