diff --git a/client/src/components/MainNavigationBar.vue b/client/src/components/MainNavigationBar.vue
index 78562831..83f4ec7f 100644
--- a/client/src/components/MainNavigationBar.vue
+++ b/client/src/components/MainNavigationBar.vue
@@ -1,7 +1,7 @@
 <script setup>
 import * as log from 'loglevel';
 
-import { onMounted, reactive, shallowRef } from 'vue';
+import { onMounted, reactive} from 'vue';
 import { useUserStore } from '@/stores/user';
 import { useRoute, useRouter } from 'vue-router';
 import { useAppStore } from '@/stores/app';
@@ -16,7 +16,6 @@ const router = useRouter()
 const userStore = useUserStore();
 const appStore = useAppStore();
 const state = reactive({showMenu: false});
-const vbvUrl = 'http://www.vbv.ch';
 
 function toggleNav() {
   state.showMenu = !state.showMenu;
@@ -59,7 +58,7 @@ onMounted(() => {
   log.debug('MainNavigationBar mounted');
 })
 
-const profileDropdownData = shallowRef([
+const profileDropdownData = [
     [
       {
         title: 'Kontoeinstellungen',
@@ -78,7 +77,7 @@ const profileDropdownData = shallowRef([
         }
       },
     ]
-  ])
+  ]
 
 </script>
 
@@ -95,9 +94,13 @@ const profileDropdownData = shallowRef([
       >
         <div class="flex items-center justify-between">
           <a
-            :href="vbvUrl"
+            href="https://www.vbv.ch"
+            class="flex">
+            <it-icon-vbv class="h-8 w-16 -mt-6 -ml-3"/>
+          </a>
+          <router-link
+            to="/"
             class="flex">
-            <it-icon-vbv class="h-8 w-16 -mt-3 -ml-3"/>
             <div class="
               text-white
               text-2xl
@@ -109,7 +112,7 @@ const profileDropdownData = shallowRef([
             >
               myVBV
             </div>
-          </a>
+          </router-link>
 
           <!-- Mobile menu button -->
           <div @click="toggleNav" class="flex lg:hidden">
diff --git a/client/src/views/StyelGuideView.vue b/client/src/views/StyelGuideView.vue
index e729d6ec..76a57292 100644
--- a/client/src/views/StyelGuideView.vue
+++ b/client/src/views/StyelGuideView.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 
-import {reactive, shallowRef} from 'vue'
+import {reactive} from 'vue'
 import {Listbox, ListboxButton, ListboxOption, ListboxOptions} from '@headlessui/vue'
 import ItCheckbox from '@/components/ui/ItCheckbox.vue';
 import ItDropdown from "@/components/ui/ItDropdown.vue";
@@ -25,7 +25,7 @@ const state = reactive({
   dropdownSelected: {id: 8},
 })
 
-const dropdownData = shallowRef([
+const dropdownData = [
     [
       {
         title: 'Option 1',
@@ -49,7 +49,7 @@ const dropdownData = shallowRef([
         }
       },
     ]
-  ])
+  ]
 
 
 const colors = ['blue', 'sky', 'orange', 'green', 'red', 'gray',];