fix(nav): restyle status highlight and normalize container height

Author: YousafZahid1

intranet/static/css/page_base.scss

@@ -509,9 +509,7 @@ ul.dropdown-menu.absence-notification {
             border-top: 2px solid rgb(161, 161, 161);
         }
     }
-
     .selected {
-        background-color: rgb(252, 252, 252);
 
         a {
             color: $grey;
@@ -521,7 +519,21 @@ ul.dropdown-menu.absence-notification {
     .nav-status-indicator {
         margin-top: 10px;
         display: none; // only show when the nav bar is collapsed
-
+        border-radius: 8px;
+        margin-left: auto;
+        margin-right: auto;
+        height: 23px;
+        padding: 3px 4px;
+        &.selected {
+            background-color: rgb(223 222 222);
+
+            a {
+                color: blue;
+                background: none;
+                -webkit-background-clip: initial;
+                background-clip: initial;
+            }
+        }
         a {
             all: unset;
             margin-left: 5px;