diff --git a/resources/css/app.css b/resources/css/app.css
index 4d888a611..c234d92d7 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -20,7 +20,7 @@ @theme {
     --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
     --font-logs: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
 
-    --color-base: #0c0a09;
+    --color-base: #1c1917;
     --color-warning: #fcd452;
     --color-warning-50: #fefce8;
     --color-warning-100: #fef9c3;
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index 9204bd12b..235b004ff 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -104,7 +104,7 @@
     <div class="flex pt-4 pb-4 pl-2 pr-3 items-start gap-3"
         :class="collapsed ? 'lg:flex-col lg:items-center lg:pl-0 lg:pr-0 lg:gap-3 lg:pt-7' : 'lg:pt-6'">
         {{-- MapleDeploy branding --}}
-        <div class="flex min-w-0 flex-1 flex-col" :class="collapsed && 'lg:hidden'">
+        <div class="flex flex-col min-w-0 flex-1" :class="collapsed && 'lg:hidden'">
             <a href="/" {{ wireNavigate() }} class="hover:opacity-80 transition-opacity">
                 <img src="https://mapledeploy.ca/api/logo/lockup?height=40" alt="MapleDeploy" class="max-h-6 w-auto max-w-full dark:hidden" />
                 <img src="https://mapledeploy.ca/api/logo/lockup?height=40&dark=true" alt="MapleDeploy" class="hidden max-h-6 w-auto max-w-full dark:block" />