diff --git a/GUI/index.html b/GUI/index.html
index ea9a6e6..e885e92 100644
--- a/GUI/index.html
+++ b/GUI/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <title>Judoteam - Stadtlohn</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/GUI/src/Layout.vue b/GUI/src/Layout.vue
index fbfe62e..5642d7f 100644
--- a/GUI/src/Layout.vue
+++ b/GUI/src/Layout.vue
@@ -40,13 +40,22 @@ onMounted(() => {
           Judoteam - Stadtlohn
       </v-app-bar-title>
 
-      <v-btn icon>
-        <v-icon>mdi-magnify</v-icon>
-      </v-btn>
-      <v-btn icon>
-        <v-icon>mdi-heart</v-icon>
-      </v-btn>
-      <v-btn icon="mdi-brightness-6" @click="changeTheme()"></v-btn>
+      <v-tooltip>
+        <template #activator="{ props }">
+          <v-btn icon v-bind="props">
+            <v-icon>mdi-account</v-icon>
+          </v-btn>
+        </template>
+        Account
+      </v-tooltip>
+      <v-tooltip>
+        <template #activator="{ props }">
+          <v-btn icon @click="changeTheme()" v-bind="props">
+            <v-icon>mdi-brightness-6</v-icon>
+          </v-btn>
+        </template>
+        {{ theme.name.value === 'dark' ? 'Dunklen Modus aktivieren' : 'Hellen Modus aktivieren' }}
+      </v-tooltip>
     </v-app-bar>
 
     <v-navigation-drawer
@@ -63,6 +72,7 @@ onMounted(() => {
           link
           :prepend-icon="item.icon"
           :title="item.name"
+          class="rounded-lg mr-1 ml-1"
         >
         </v-list-item>
       </v-list>
