diff --git a/web/src/components/sidebar/CobaltLogo.svelte b/web/src/components/sidebar/CobaltLogo.svelte
index e4158a69..aafc81d3 100644
--- a/web/src/components/sidebar/CobaltLogo.svelte
+++ b/web/src/components/sidebar/CobaltLogo.svelte
@@ -17,6 +17,10 @@
         padding-bottom: calc(var(--sidebar-tab-padding) * 2 - var(--sidebar-inner-padding));
     }
 
+    #cobalt-logo :global(path) {
+        fill: var(--sidebar-highlight);
+    }
+
     @media screen and (max-width: 535px) {
         #cobalt-logo {
             display: none;