diff --git a/src/components/LoginForm.vue b/src/components/LoginForm.vue
index 2e055ef04cf72854ac6e8bf53a0c5e7f0eb91195..fd6ede771749db045de6a5dcc5de58c104d64d0c 100644
--- a/src/components/LoginForm.vue
+++ b/src/components/LoginForm.vue
@@ -68,7 +68,7 @@
     <div id="buttonsField" class="m-6">
       <div class="align-items: flex-end; mb-6">
         <div class="ml-3 text-sm">
-          <router-link to="about" class="text-blue-600"
+          <router-link to="/resetPassword" class="text-blue-600"
             >Glemt passord</router-link
           >
         </div>
@@ -104,7 +104,6 @@ export default {
   setup() {
     return { v$: useVuelidate() };
   },
-
   validations() {
     return {
       user: {
diff --git a/src/components/ResetPassword.vue b/src/components/ResetPassword.vue
new file mode 100644
index 0000000000000000000000000000000000000000..da6d11f9addff4621ea37a9f9d62c36624d6c035
--- /dev/null
+++ b/src/components/ResetPassword.vue
@@ -0,0 +1,21 @@
+<template>
+  <div class="resetPassword">
+    <v-img :src="require('../assets/logo3.svg')" class="image" contain />
+    <form class="resetPasswordForm">
+      <label class="label" id="emailLabelId"> Skriv inn E-posten din </label>
+      <input type="email" name="email" v-model="email" class="input" />
+      <button class="resetPasswordButton" id="newPassword">Send inn</button>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ResetPassword.vue",
+  data() {
+    return {
+      email: "",
+    };
+  },
+};
+</script>
diff --git a/src/router/index.js b/src/router/index.js
index 8273734b499eda0da3589f0bc91feeab1c27ed99..42523b6d18b887cf84901c5146373c13d78d8d93 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -56,6 +56,11 @@ const routes = [
     name: "searchItemList",
     component: () => import("../views/SearchItemListView.vue"),
   },
+  {
+    path: "/resetPassword",
+    name: "resetPassword",
+    component: () => import("../views/ResetPasswordView.vue"),
+  },
   {
     path: "/createNewGroup",
     name: "createNewGroup",
@@ -80,7 +85,6 @@ const routes = [
     component: () => import("../views/MessagesView.vue"),
     beforeEnter: guardRoute,
   },
-
 ];
 
 const router = createRouter({
diff --git a/src/views/ResetPasswordView.vue b/src/views/ResetPasswordView.vue
new file mode 100644
index 0000000000000000000000000000000000000000..eb2cd8d98a8ffa99dc1c546e02f2198f80e65e49
--- /dev/null
+++ b/src/views/ResetPasswordView.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="resetPassword">
+    <ResetPassword></ResetPassword>
+  </div>
+</template>
+
+<script>
+import ResetPassword from "@/components/ResetPassword";
+export default {
+  name: "ResetPasswordView.vue",
+  components: {
+    ResetPassword,
+  },
+};
+</script>
+
+<style scoped>
+.resetPassword {
+  background-color: white;
+  height: 100%;
+  overflow: auto;
+}
+</style>