diff --git a/src/App.tsx b/src/App.tsx
index 2f87ceb..679145b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -444,7 +444,7 @@ function App() {
     type: 'symbol',
     layout: {
       ...defaultLayoutProps,
-      "icon-image": 'well-being',
+      "icon-image": 'wellbeing',
       visibility: visibility.outdoors.wellBeing! ? 'visible': 'none'
     },
   };
diff --git a/src/components/MapMenu.tsx b/src/components/MapMenu.tsx
index c10b05a..d32ac8c 100644
--- a/src/components/MapMenu.tsx
+++ b/src/components/MapMenu.tsx
@@ -98,9 +98,9 @@ export default function MapMenu(props: MapMenuProps) {
               <div className='btn-group'>
                 <a className='btn btn-outline-dark dropdown-toggle' data-bs-toggle='dropdown' href='#locations' role="button" aria-expanded="false">Outdoors</a>
                 <ul className='dropdown-menu'>
-                  <li className='dropdown-item'>
+                  <li>
                     <a
-                      className={props.visibility.outdoors.greenspaces ? 'nav-link active' : 'nav-link'}
+                      className={props.visibility.outdoors.greenspaces ? 'dropdown-item active' : 'dropdown-item'}
                       href='#greenspaces'
                       id="greenspaces"
                       onClick={() =>
@@ -112,9 +112,9 @@ export default function MapMenu(props: MapMenuProps) {
                       Green Spaces
                     </a>
                   </li>
-                  <li className='dropdown-item'>
+                  <li>
                     <a
-                      className={props.visibility.outdoors.recreation ? 'nav-link active' : 'nav-link'}
+                      className={props.visibility.outdoors.recreation ? 'dropdown-item active' : 'dropdown-item'}
                       href='#recreation'
                       id="recreation"
                       onClick={() =>
@@ -126,9 +126,9 @@ export default function MapMenu(props: MapMenuProps) {
                       Recreation
                     </a>
                   </li>
-                  <li className='dropdown-item'>
+                  <li>
                     <a
-                      className={props.visibility.outdoors.wellBeing ? 'nav-link active' : 'nav-link'}
+                      className={props.visibility.outdoors.wellBeing ? 'dropdown-item active' : 'dropdown-item'}
                       href='#wellBeing'
                       id="wellBeing"
                       onClick={() =>