diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index f3c11022..975dc3ab 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -219,7 +219,7 @@ onMounted(async () => {
         >
           <div class="column">
             <span
-              class="text-weight-bold"
+              class="title-gradient text-weight-bold"
               :class="{ 'text-h6': $q.screen.gt.xs }"
               :style="{
                 filter: `brightness(${$q.dark.isActive ? '2' : '1'})`,
@@ -504,6 +504,14 @@ onMounted(async () => {
   }
 }
 
+.title-gradient {
+  background: linear-gradient(to right, var(--brand-1), var(--brand-2));
+  background-clip: text; /* Standard property */
+  -webkit-background-clip: text; /* WebKit fallback */
+  -webkit-text-fill-color: transparent; /* WebKit fallback */
+  color: transparent; /* Fallback for browsers not supporting text-clip */
+}
+
 :deep(main.q-page) {
   min-height: 0 !important;
 }