diff --git a/src/components/navigation/navigation.scss b/src/components/navigation/navigation.scss
index ad58b50..e7bb6f9 100644
--- a/src/components/navigation/navigation.scss
+++ b/src/components/navigation/navigation.scss
@@ -67,17 +67,22 @@
     #nav-logo-text
     {
         // Color
-        -webkit-background-clip: text !important;
-        -webkit-text-fill-color: transparent;
-        color: #6bbeff;
+        color: #6bbeff !important;
         background: linear-gradient(90deg,
                 rgba(90,177,239,1) 0%,
-                rgba(25,212,174,1) 100%);
+                rgba(25,212,174,1) 100%) !important;
 
         // Font
         font-weight: 500;
         font-size: 18px;
     }
+
+    #nav-logo-text.logo-text
+    {
+        // Override the background
+        -webkit-text-fill-color: transparent !important;
+        -webkit-background-clip: text !important;
+    }
 }
 
 #next-course
diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index c1d351e..c5b03a3 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -5,7 +5,7 @@
 
             <div id="nav-title">
                 <img id="nav-logo" alt="logo" src="../../assets/logo.png">
-                <span id="nav-logo-text">Veracross Analyzer</span>
+                <span id="nav-logo-text" class="logo-text">Veracross Analyzer</span>
             </div>
 
             <el-menu-item index="overall">Overall</el-menu-item>