diff --git a/frontend/nuxt.config.js b/frontend/nuxt.config.js
index ba8e21d7..fcc77571 100644
--- a/frontend/nuxt.config.js
+++ b/frontend/nuxt.config.js
@@ -312,6 +312,7 @@ export default {
       ogSiteName: "Mealie",
     },
     manifest: {
+      start_url: "",
       lang: "en",
       name: "Mealie",
       title: "Mealie",
diff --git a/frontend/pages/login.vue b/frontend/pages/login.vue
index ea550e0a..8ee81266 100644
--- a/frontend/pages/login.vue
+++ b/frontend/pages/login.vue
@@ -109,8 +109,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, useContext, computed, reactive } from "@nuxtjs/composition-api";
-import { useDark } from "@vueuse/core";
+import { defineComponent, ref, useContext, computed, reactive, useRouter } from "@nuxtjs/composition-api";
+import { useDark, whenever } from "@vueuse/core";
 import { useAppInfo } from "~/composables/api";
 import { usePasswordField } from "~/composables/use-passwords";
 import { alert } from "~/composables/use-toast";
@@ -122,8 +122,17 @@ export default defineComponent({
     const toggleDark = useToggleDarkMode();
     const isDark = useDark();
 
+    const router = useRouter();
     const { $auth } = useContext();
 
+    whenever(
+      () => $auth.loggedIn,
+      () => {
+        router.push("/");
+      },
+      { immediate: true },
+    );
+
     const form = reactive({
       email: "",
       password: "",