diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 75b7d7e0..e3a7c13a 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -64,11 +64,16 @@
             <div class="right">
                 <li>
                     <router-link :to="`/login`">
-                        <v-icon
-                            icon="mdi-logout"
-                            size="x-large"
-                            color="#0e6942"
-                        ></v-icon>
+                        <v-tooltip text="log out">
+                            <template v-slot:activator="{ props }">
+                                <v-icon
+                                    v-bind="props"
+                                    icon="mdi-logout"
+                                    size="x-large"
+                                    color="#0e6942"
+                                ></v-icon>
+                            </template>
+                        </v-tooltip>
                     </router-link>
                 </li>
                 <li>