diff --git a/module/account/css/common.ui.css b/module/account/css/common.ui.css
index 9f7f8d06e7..abb7ff0a03 100644
--- a/module/account/css/common.ui.css
+++ b/module/account/css/common.ui.css
@@ -1 +1,7 @@
-#accountCreateForm .form-row {max-width: 500px;}
\ No newline at end of file
+#accountCreateForm .form-row {max-width: 500px;}
+
+#mainNavbar .nav {justify-content: left;}
+#mainNavbar {background: none;}
+#mainNavbar .nav-item>a {padding-right: 0.5rem}
+#mainNavbar .nav-item>.active {color: unset; font-weight: 700;}
+#mainNavbar .nav-item>a.active:after {position: absolute; content: ''; border-bottom: 2px solid #2e7fff; inset: 0 6px 0 15px;}
diff --git a/module/host/css/common.ui.css b/module/host/css/common.ui.css
index 48f4fc2cd8..be802106ed 100644
--- a/module/host/css/common.ui.css
+++ b/module/host/css/common.ui.css
@@ -1,2 +1,8 @@
 #status {flex-direction: row;}
-#hostCreateForm .form-row:last-child {width: 66%;}
\ No newline at end of file
+#hostCreateForm .form-row:last-child {width: 66%;}
+
+#mainNavbar .nav {justify-content: left;}
+#mainNavbar {background: none;}
+#mainNavbar .nav-item>a {padding-right: 0.5rem}
+#mainNavbar .nav-item>.active {color: unset; font-weight: 700;}
+#mainNavbar .nav-item>a.active:after {position: absolute; content: ''; border-bottom: 2px solid #2e7fff; inset: 0 6px 0 15px;}
diff --git a/module/ops/css/common.ui.css b/module/ops/css/common.ui.css
index e613b6ad7c..a30ab24370 100644
--- a/module/ops/css/common.ui.css
+++ b/module/ops/css/common.ui.css
@@ -5,4 +5,10 @@
 .osOpsList>a {display: block; padding: 2px 10px 2px 5px; overflow: hidden; line-height: 20px; text-overflow: unset; white-space: nowrap; border-radius: 4px; color: #313c52;     margin-top: 5px;}
 .osOpsList>a.active {color: #2e7fff; background-color: #e6f0ff;}
 .osOpsList>a.active:hover, .osOpsList>a:hover {color: #fff; background-color: #2e7fff;}
-.ops-ml-0 {margin-left: 0!important;}
\ No newline at end of file
+.ops-ml-0 {margin-left: 0!important;}
+
+#mainNavbar .nav {justify-content: left;}
+#mainNavbar {background: none;}
+#mainNavbar .nav-item>a {padding-right: 0.5rem}
+#mainNavbar .nav-item>.active {color: unset; font-weight: 700;}
+#mainNavbar .nav-item>a.active:after {position: absolute; content: ''; border-bottom: 2px solid #2e7fff; inset: 0 6px 0 15px;}
diff --git a/module/serverroom/css/common.ui.css b/module/serverroom/css/common.ui.css
index 233e6cd0bd..fb716c248c 100644
--- a/module/serverroom/css/common.ui.css
+++ b/module/serverroom/css/common.ui.css
@@ -1 +1,7 @@
-#serverroomCreateForm .form-row {width: 600px;}
\ No newline at end of file
+#serverroomCreateForm .form-row {width: 600px;}
+
+#mainNavbar .nav {justify-content: left;}
+#mainNavbar {background: none;}
+#mainNavbar .nav-item>a {padding-right: 0.5rem}
+#mainNavbar .nav-item>.active {color: unset; font-weight: 700;}
+#mainNavbar .nav-item>a.active:after {position: absolute; content: ''; border-bottom: 2px solid #2e7fff; inset: 0 6px 0 15px;}
diff --git a/module/system/css/common.ui.css b/module/system/css/common.ui.css
new file mode 100644
index 0000000000..15f508484c
--- /dev/null
+++ b/module/system/css/common.ui.css
@@ -0,0 +1,5 @@
+#mainNavbar .nav {justify-content: left;}
+#mainNavbar {background: none;}
+#mainNavbar .nav-item>a {padding-right: 0.5rem}
+#mainNavbar .nav-item>.active {color: unset; font-weight: 700;}
+#mainNavbar .nav-item>a.active:after {position: absolute; content: ''; border-bottom: 2px solid #2e7fff; inset: 0 6px 0 15px;}