diff --git a/frontend/src/components/Dashboard/TopNav.vue b/frontend/src/components/Dashboard/TopNav.vue
index caff89f4..45a1394b 100644
--- a/frontend/src/components/Dashboard/TopNav.vue
+++ b/frontend/src/components/Dashboard/TopNav.vue
@@ -1,183 +1,70 @@
 <template>
-  <nav class="navbar navbar-expand-lg">
-    <router-link
-      to="/"
-      class="navbar-brand"
-    >
-      Statping
-    </router-link>
-    <button
-      class="navbar-toggler"
-      type="button"
-      data-toggle="collapse"
-      data-target="#navbarText"
-      aria-controls="navbarText"
-      aria-expanded="false"
-      aria-label="Toggle navigation"
-      @click="navopen = !navopen"
-    >
-      <FontAwesomeIcon
-        v-if="!navopen"
-        icon="bars"
-      />
-      <FontAwesomeIcon
-        v-if="navopen"
-        icon="times"
-      />
-    </button>
+    <nav class="navbar navbar-expand-lg">
+        <router-link to="/" class="navbar-brand">Statping</router-link>
+        <button @click="navopen = !navopen" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
+            <font-awesome-icon v-if="!navopen" icon="bars"/>
+            <font-awesome-icon v-if="navopen" icon="times"/>
+        </button>
+
+        <div class="navbar-collapse" :class="{collapse: !navopen}" id="navbarText">
+            <ul class="navbar-nav mr-auto">
+                <li @click="navopen = !navopen" class="nav-item navbar-item">
+                    <router-link to="/dashboard" class="nav-link">{{ $t('dashboard') }}</router-link>
+                </li>
+                <li @click="navopen = !navopen" class="nav-item navbar-item">
+                    <router-link to="/dashboard/services" class="nav-link">{{ $t('services') }}</router-link>
+                </li>
+                <li @click="navopen = !navopen" class="nav-item navbar-item">
+                    <router-link to="/dashboard/downtimes" class="nav-link">{{'Downtimes'}}</router-link>
+                </li>
+                <li v-if="admin" @click="navopen = !navopen" class="nav-item navbar-item">
+                    <router-link to="/dashboard/users" class="nav-link">{{ $t('users') }}</router-link>
+                </li>
+                <li @click="navopen = !navopen" class="nav-item navbar-item">
+                    <router-link to="/dashboard/messages" class="nav-link">{{ $t('announcements') }}</router-link>
+                </li>
+                <li v-if="admin" @click="navopen = !navopen" class="nav-item navbar-item">
+                    <router-link to="/dashboard/settings" class="nav-link">{{ $t('settings') }}</router-link>
+                </li>
+              <li v-if="admin" @click="navopen = !navopen" class="nav-item navbar-item">
+                <router-link to="/dashboard/logs" class="nav-link">{{ $t('logs') }}</router-link>
+              </li>
+              <li v-if="admin" @click="navopen = !navopen" class="nav-item navbar-item">
+                <router-link to="/dashboard/help" class="nav-link">{{ $t('help') }}</router-link>
+              </li>
+            </ul>
+            <span class="navbar-text">
+      <a href="#" class="nav-link" @click.prevent="logout">{{ $t('logout') }}</a>
+    </span>
+        </div>
+    </nav>
 
-    <div
-      id="navbarText"
-      class="navbar-collapse"
-      :class="{ collapse: !navopen }"
-    >
-      <ul class="navbar-nav mr-auto">
-        <li
-          class="nav-item navbar-item"
-          @click="navopen = !navopen"
-        >
-          <router-link
-            to="/dashboard"
-            class="nav-link"
-          >
-            {{ $t('dashboard') }}
-          </router-link>
-        </li>
-        <li
-          class="nav-item navbar-item"
-          @click="navopen = !navopen"
-        >
-          <router-link
-            to="/dashboard/services"
-            class="nav-link"
-          >
-            {{
-              $t('services')
-            }}
-          </router-link>
-        </li>
-        <li
-          class="nav-item navbar-item"
-          @click="navopen = !navopen"
-        >
-          <router-link
-            to="/dashboard/downtimes"
-            class="nav-link"
-          >
-            {{
-              'Downtimes'
-            }}
-          </router-link>
-        </li>
-        <li
-          v-if="admin"
-          class="nav-item navbar-item"
-          @click="navopen = !navopen"
-        >
-          <router-link
-            to="/dashboard/users"
-            class="nav-link"
-          >
-            {{
-              $t('users')
-            }}
-          </router-link>
-        </li>
-        <li
-          class="nav-item navbar-item"
-          @click="navopen = !navopen"
-        >
-          <router-link
-            to="/dashboard/messages"
-            class="nav-link"
-          >
-            {{
-              $t('announcements')
-            }}
-          </router-link>
-        </li>
-        <li
-          v-if="admin"
-          class="nav-item navbar-item"
-          @click="navopen = !navopen"
-        >
-          <router-link
-            to="/dashboard/settings"
-            class="nav-link"
-          >
-            {{
-              $t('settings')
-            }}
-          </router-link>
-        </li>
-        <li
-          v-if="admin"
-          class="nav-item navbar-item"
-          @click="navopen = !navopen"
-        >
-          <router-link
-            to="/dashboard/logs"
-            class="nav-link"
-          >
-            {{
-              $t('logs')
-            }}
-          </router-link>
-        </li>
-        <li
-          v-if="admin"
-          class="nav-item navbar-item"
-          @click="navopen = !navopen"
-        >
-          <router-link
-            to="/dashboard/help"
-            class="nav-link"
-          >
-            {{
-              $t('help')
-            }}
-          </router-link>
-        </li>
-      </ul>
-      <span class="navbar-text">
-        <a
-          href="#"
-          class="nav-link"
-          @click.prevent="logout"
-        >
-          {{
-            $t('logout')
-          }}
-        </a>
-      </span>
-    </div>
-  </nav>
 </template>
 
 <script>
-import Api from '../../API';
+  import Api from "../../API"
 
-export default {
-    name: 'TopNav',
-    data () {
-        return {
-            navopen: false,
-        };
-    },
+  export default {
+  name: 'TopNav',
+      data () {
+          return {
+              navopen: false
+          }
+      },
     computed: {
-        admin () {
-            return this.$store.state.admin;
-        },
+      admin() {
+        return this.$store.state.admin
+      }
     },
-    methods: {
+      methods: {
         async logout () {
-            await Api.logout();
-            this.$store.commit('setHasAllData', false);
-            this.$store.commit('setToken', null);
-            this.$store.commit('setAdmin', false);
-            // this.$cookies.remove("statping_auth")
-            await this.$router.push('/logout');
-        },
-    },
-};
+          await Api.logout()
+          this.$store.commit('setHasAllData', false)
+          this.$store.commit('setToken', null)
+          this.$store.commit('setAdmin', false)
+          // this.$cookies.remove("statping_auth")
+          await this.$router.push('/logout')
+        }
+    }
+}
 </script>