diff --git a/.vscode/settings.json b/.vscode/settings.json
index 1820a53..b41677f 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -9,5 +9,7 @@
         },
         "gopls": {
                 "formatting.gofumpt": true,
-        }
+        },
+        "editor.detectIndentation": false,
+        "editor.tabSize": 2
 }
\ No newline at end of file
diff --git a/web/.eslintrc.js b/web/.eslintrc.js
index 60afd68..fa71bf5 100644
--- a/web/.eslintrc.js
+++ b/web/.eslintrc.js
@@ -7,7 +7,8 @@ module.exports = {
     ],
     rules: {
         // override/add rules settings here, such as:
-        'vue/max-attributes-per-line': 'off'
+        'vue/max-attributes-per-line': 'off',
+        'vue/singleline-html-element-content-newline': 'off',
         // 'vue/no-unused-vars': 'error'
     },
     parser: "vue-eslint-parser",
diff --git a/web/src/components/MainMenu.vue b/web/src/components/MainMenu.vue
index 49dc2ee..9ea4820 100644
--- a/web/src/components/MainMenu.vue
+++ b/web/src/components/MainMenu.vue
@@ -10,37 +10,35 @@ const router = useRouter();
 const CurrentBudgetName = computed(() => useBudgetsStore().CurrentBudgetName);
 const LoggedIn = computed(() => useSessionStore().LoggedIn);
 function logout() {
-    useSessionStore().logout();
-    router.push("/login");
+  useSessionStore().logout();
+  router.push("/login");
 }
 
 function toggleMenu() {
-    useSettingsStore().toggleMenu();
+  useSettingsStore().toggleMenu();
 }
 function toggleMenuSize() {
-    useSettingsStore().toggleMenuSize();
+  useSettingsStore().toggleMenuSize();
 }
 
 router.afterEach(function(to, from) {
-    useSettingsStore().Menu.Show = false;
+  useSettingsStore().Menu.Show = false;
 })
 </script>
 
 <template>
-    <div class="flex bg-gray-400 dark:bg-gray-600 p-4 static top-0 left-0 w-full h-14">
-        <span class="flex-1 font-bold text-5xl -my-3 hidden md:inline" @click="toggleMenuSize">≡</span>
-        <span class="flex-1 font-bold text-5xl -my-3 md:hidden" @click="toggleMenu">≡</span>
-
-        <span class="flex-1">{{ CurrentBudgetName }}</span>
-
-        <div class="flex flex-1 flex-row justify-end -mx-4">
-            <router-link v-if="LoggedIn" class="mx-4" to="/dashboard">
-                Dashboard
-            </router-link>
-            <router-link v-if="!LoggedIn" class="mx-4" to="/login">
-                Login
-            </router-link>
-            <a v-if="LoggedIn" class="mx-4" @click="logout">Logout</a>
-        </div>
+  <div class="flex bg-gray-400 dark:bg-gray-600 p-4 static top-0 left-0 w-full h-14">
+    <span class="flex-1 font-bold text-5xl -my-3 hidden md:inline" @click="toggleMenuSize">≡</span>
+    <span class="flex-1 font-bold text-5xl -my-3 md:hidden" @click="toggleMenu">≡</span>
+    <span class="flex-1">{{ CurrentBudgetName }}</span>
+    <div class="flex flex-1 flex-row justify-end -mx-4">
+      <router-link v-if="LoggedIn" class="mx-4" to="/dashboard">
+        Dashboard
+      </router-link>
+      <router-link v-if="!LoggedIn" class="mx-4" to="/login">
+        Login
+      </router-link>
+      <a v-if="LoggedIn" class="mx-4" @click="logout">Logout</a>
     </div>
+  </div>
 </template>