diff --git a/frontend/layouts/blank.vue b/frontend/layouts/blank.vue
new file mode 100644
index 00000000..01238c60
--- /dev/null
+++ b/frontend/layouts/blank.vue
@@ -0,0 +1,19 @@
+<template>
+  <v-app dark>
+    <TheSnackbar />
+
+    <v-main>
+      <v-scroll-x-transition>
+        <Nuxt />
+      </v-scroll-x-transition>
+    </v-main>
+  </v-app>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "@nuxtjs/composition-api";
+import TheSnackbar from "~/components/Layout/TheSnackbar.vue";
+export default defineComponent({
+  components: { TheSnackbar },
+});
+</script>
diff --git a/frontend/pages/login.vue b/frontend/pages/login.vue
index 9c4387b6..1711b162 100644
--- a/frontend/pages/login.vue
+++ b/frontend/pages/login.vue
@@ -195,15 +195,15 @@
 import { defineComponent, ref, useContext, computed, reactive } from "@nuxtjs/composition-api";
 import { alert } from "~/composables/use-toast";
 export default defineComponent({
-  layout: "basic",
+  layout: "blank",
 
   setup() {
     const { $auth } = useContext();
     const context = useContext();
 
     const form = reactive({
-      email: "changeme@email.com",
-      password: "MyPassword",
+      email: "",
+      password: "",
       remember: false,
     });
 
@@ -212,6 +212,11 @@ export default defineComponent({
     const allowSignup = computed(() => context.env.ALLOW_SIGNUP as boolean);
 
     async function authenticate() {
+      if (form.email.length === 0 || form.password.length === 0) {
+        alert.error("Please enter your email and password");
+        return;
+      }
+
       loggingIn.value = true;
       const formData = new FormData();
       formData.append("username", form.email);