diff --git a/components/form/ApplicationForm.tsx b/components/form/ApplicationForm.tsx
index e32a968c..a50d5e9f 100644
--- a/components/form/ApplicationForm.tsx
+++ b/components/form/ApplicationForm.tsx
@@ -3,7 +3,11 @@ import RadioInput from "./RadioInput";
 import TextAreaInput from "./TextAreaInput";
 import SelectInput from "./SelectInput";
 import Line from "./Line";
-import { DeepPartial, applicantType } from "../../lib/types/types";
+import {
+  DeepPartial,
+  applicantType,
+  preferencesType,
+} from "../../lib/types/types";
 import { changeDisplayName } from "../../lib/utils/toString";
 import { useEffect, useState } from "react";
 import CustomPhoneInput from "./CustomPhoneInput";
@@ -14,6 +18,7 @@ interface Props {
   setApplicationData: Function;
   availableCommittees: string[];
   optionalCommittees: string[];
+  isEditing?: boolean;
 }
 
 export const ApplicationForm = (props: Props) => {
@@ -121,6 +126,7 @@ export const ApplicationForm = (props: Props) => {
         <Line />
         <TextAreaInput
           label="Skriv litt om deg selv"
+          value={props.applicationData.about}
           updateInputValues={(value: any) =>
             props.setApplicationData({ ...props.applicationData, about: value })
           }
@@ -136,6 +142,9 @@ export const ApplicationForm = (props: Props) => {
         </div>
         <SelectInput
           required
+          defaultValue={
+            (props.applicationData.preferences as preferencesType)?.first || ""
+          }
           values={availableCommittees}
           label={availableCommittees.length > 2 ? "Førstevalg" : "Velg komite"}
           updateInputValues={(value: string) =>
@@ -152,6 +161,10 @@ export const ApplicationForm = (props: Props) => {
         {availableCommittees.length > 2 && (
           <SelectInput
             values={availableCommittees}
+            defaultValue={
+              (props.applicationData.preferences as preferencesType)?.second ||
+              ""
+            }
             label="Andrevalg"
             updateInputValues={(value: string) =>
               props.setApplicationData({
@@ -167,6 +180,10 @@ export const ApplicationForm = (props: Props) => {
         {availableCommittees.length > 3 && (
           <SelectInput
             values={availableCommittees}
+            defaultValue={
+              (props.applicationData.preferences as preferencesType)?.third ||
+              ""
+            }
             label="Tredjevalg"
             updateInputValues={(value: string) =>
               props.setApplicationData({
@@ -186,8 +203,17 @@ export const ApplicationForm = (props: Props) => {
             ["Nei", "nei"],
             ["Usikker (gjerne spør om mer info på intervjuet)", "kanskje"],
           ]}
+          defaultValue={
+            props.isEditing
+              ? props.applicationData.bankom === "ja"
+                ? "ja"
+                : props.applicationData.bankom === "nei"
+                ? "nei"
+                : "kanskje"
+              : undefined
+          }
           label="Er du interessert i å være økonomiansvarlig i komiteen (tilleggsverv i Bankom)?"
-          updateInputValues={(value: boolean) =>
+          updateInputValues={(value: string) =>
             props.setApplicationData({
               ...props.applicationData,
               bankom: value,
@@ -197,6 +223,15 @@ export const ApplicationForm = (props: Props) => {
         {optionalCommittees.map((committee) => (
           <div key={committee}>
             <RadioInput
+              defaultValue={
+                props.isEditing
+                  ? props.applicationData.optionalCommittees?.includes(
+                      committee
+                    )
+                    ? "ja"
+                    : "nei"
+                  : undefined
+              }
               values={[
                 ["Ja", "ja"],
                 ["Nei", "nei"],
diff --git a/components/form/CheckboxInput.tsx b/components/form/CheckboxInput.tsx
index 9e03079a..8b02e45b 100644
--- a/components/form/CheckboxInput.tsx
+++ b/components/form/CheckboxInput.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { InformationCircleIcon } from "@heroicons/react/24/outline";
 
 interface CheckboxOption {
diff --git a/components/form/EditApplicationModal.tsx b/components/form/EditApplicationModal.tsx
new file mode 100644
index 00000000..d003bafb
--- /dev/null
+++ b/components/form/EditApplicationModal.tsx
@@ -0,0 +1,150 @@
+import { useState } from "react";
+import { ApplicationForm } from "./ApplicationForm";
+import { applicantType, DeepPartial, periodType } from "../../lib/types/types";
+import Button from "../Button";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { editApplicant } from "../../lib/api/applicantApi";
+import toast from "react-hot-toast";
+import { validateApplication } from "../../lib/utils/validateApplication";
+import { Tabs } from "../Tabs";
+import CheckBoxIcon from "../icons/icons/CheckBoxIcon";
+import { CalendarIcon } from "@heroicons/react/24/outline";
+import Schedule from "../committee/Schedule";
+
+interface Props {
+  originalApplicationData: applicantType;
+  period: periodType;
+  availableCommittees: string[];
+  optionalCommittees: string[];
+  setIsEditing: (isEditing: boolean) => void;
+}
+
+const ApplicationEditModal = ({
+  availableCommittees,
+  optionalCommittees,
+  period,
+  originalApplicationData,
+  setIsEditing,
+}: Props) => {
+  const queryClient = useQueryClient();
+  const [activeTab, setActiveTab] = useState(0);
+  const [applicationData, setApplicationData] = useState<
+    DeepPartial<applicantType>
+  >({
+    owId: originalApplicationData.owId,
+    name: originalApplicationData.name,
+    email: originalApplicationData.email,
+    phone: originalApplicationData.phone,
+    grade: originalApplicationData.grade,
+    about: originalApplicationData.about,
+    bankom: originalApplicationData.bankom,
+
+    optionalCommittees: originalApplicationData.optionalCommittees,
+    preferences: originalApplicationData.preferences,
+    selectedTimes: originalApplicationData.selectedTimes,
+  });
+
+  const submitEdit = () => {
+    if (!validateApplication(applicationData)) return;
+
+    editApplicationMutation.mutate({
+      applicant: applicationData as applicantType,
+      periodId: period._id.toString(),
+      owId: originalApplicationData.owId,
+    });
+  };
+
+  const editApplicationMutation = useMutation({
+    mutationFn: editApplicant,
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: [
+          "applicant",
+          period._id.toString(),
+          originalApplicationData.owId,
+        ],
+      });
+      toast.success("Søknad oppdatert successfully");
+      setIsEditing(false);
+    },
+    onError: () => toast.error("Det skjedde en feil, vennligst prøv igjen"),
+  });
+
+  return (
+    <>
+      <div className="flex flex-col items-center justify-center min-h-screen pt-4 px-5 pb-20 text-center">
+        <div className="bg-white">
+          <div className="text-center">
+            <h3 className="text-lg leading-6 font-medium text-gray-900">
+              Rediger søknad
+            </h3>
+            <div className="mt-2">
+              <p className="text-sm text-gray-500">
+                Du kan redigere søknaden din her. Husk å lagre endringene før du
+                lukker.
+              </p>
+            </div>
+          </div>
+          <div className="mt-5 sm:mt-4 max-w-md">
+            <Tabs
+              activeTab={activeTab}
+              setActiveTab={setActiveTab}
+              content={[
+                {
+                  title: "Søknad",
+                  icon: <CheckBoxIcon className="w-5 h-5" />,
+                  content: (
+                    <>
+                      <ApplicationForm
+                        applicationData={applicationData}
+                        setApplicationData={setApplicationData}
+                        availableCommittees={availableCommittees}
+                        optionalCommittees={optionalCommittees}
+                        isEditing={true}
+                      />
+                      <div className="flex justify-center w-full">
+                        <Button
+                          title="Videre"
+                          color="blue"
+                          onClick={() => {
+                            if (!validateApplication(applicationData)) return;
+                            setActiveTab(activeTab + 1);
+                          }}
+                          size="small"
+                        />
+                      </div>
+                    </>
+                  ),
+                },
+                {
+                  title: "Intervjutider",
+                  icon: <CalendarIcon className="w-5 h-5" />,
+                  content: (
+                    <div className="flex flex-col items-center justify-center">
+                      <Schedule
+                        interviewLength={Number(30)}
+                        periodTime={period?.interviewPeriod}
+                        setApplicationData={setApplicationData}
+                        applicationData={applicationData}
+                      />
+                    </div>
+                  ),
+                },
+              ]}
+            />
+          </div>
+          <div className="flex flex-row gap-6 justify-center">
+            <Button
+              title="Lukk"
+              color="white"
+              onClick={() => setIsEditing(false)}
+            />
+            <Button title="Lagre endringer" color="blue" onClick={submitEdit} />
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default ApplicationEditModal;
diff --git a/components/form/RadioInput.tsx b/components/form/RadioInput.tsx
index ba237fc6..f462a7c9 100644
--- a/components/form/RadioInput.tsx
+++ b/components/form/RadioInput.tsx
@@ -1,37 +1,52 @@
 interface Props {
   updateInputValues: Function;
   label: string;
-  values: any[][];
+  values: [string, string][];
+  defaultValue?: string;
 }
 
-const RadioInput = (props: Props) => {
-  const handleInputChange = (e: React.BaseSyntheticEvent) => {
-    props.updateInputValues(e.target.value);
+const RadioInput = ({
+  updateInputValues,
+  label,
+  values,
+  defaultValue,
+}: Props) => {
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    updateInputValues(e.target.value);
   };
 
   return (
     <div className="max-w-xs mx-auto my-6">
-      <label className="inline-block mb-2 text-gray-700 dark:text-white form-label">
-        {props.label}
-      </label>
-      <div onChange={(e) => handleInputChange(e)}>
-        {props.values.map((option, index) => {
-          return (
-            <div key={index} className="flex">
-              <input
-                required
-                className="float-left w-4 h-4 mt-1 mr-2 align-top transition duration-200 bg-center bg-no-repeat bg-contain border rounded-full appearance-none cursor-pointer focus:outline-none border-gray-300 checked:bg-online-darkTeal dark:bg-online-darkBlue dark:border-gray-700 dark:checked:bg-online-darkTeal"
-                type="radio"
-                value={option[1]}
-                name={props.label}
-              />
-              <label className="inline-block text-gray-800 dark:text-white">
-                {option[0]}
-              </label>
-            </div>
-          );
-        })}
-      </div>
+      <fieldset>
+        <legend className="inline-block mb-2 text-gray-700 dark:text-white form-label">
+          {label}
+        </legend>
+        <div>
+          {values.map(([displayText, value], index) => {
+            const inputId = `${label}-${value}-${index}`;
+            return (
+              <div key={value} className="flex items-center mb-2">
+                <input
+                  id={inputId}
+                  required
+                  className="w-4 h-4 mt-1 mr-2 align-top transition duration-200 bg-center bg-no-repeat bg-contain border rounded-full appearance-none cursor-pointer focus:outline-none border-gray-300 checked:bg-online-darkTeal dark:bg-online-darkBlue dark:border-gray-700 dark:checked:bg-online-darkTeal"
+                  type="radio"
+                  value={value}
+                  name={label}
+                  defaultChecked={defaultValue === value}
+                  onChange={handleInputChange}
+                />
+                <label
+                  htmlFor={inputId}
+                  className="inline-block text-gray-800 dark:text-white"
+                >
+                  {displayText}
+                </label>
+              </div>
+            );
+          })}
+        </div>
+      </fieldset>
     </div>
   );
 };
diff --git a/lib/api/applicantApi.ts b/lib/api/applicantApi.ts
index ac0ef8c5..e4360f40 100644
--- a/lib/api/applicantApi.ts
+++ b/lib/api/applicantApi.ts
@@ -44,6 +44,30 @@ export const createApplicant = async (applicant: applicantType) => {
   return data;
 };
 
+export const editApplicant = async ({
+  applicant,
+  periodId,
+  owId,
+}: {
+  applicant: applicantType;
+  periodId: string;
+  owId: string;
+}) => {
+  const response = await fetch(`/api/applicants/${periodId}/${owId}`, {
+    method: "PUT",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ application: applicant }),
+  });
+
+  const data = await response.json();
+  if (!response.ok) {
+    throw new Error(data.error || "Unknown error occurred");
+  }
+  return data;
+};
+
 export const deleteApplicant = async ({
   periodId,
   owId,
diff --git a/lib/mongo/applicants.ts b/lib/mongo/applicants.ts
index 212aff32..10472eac 100644
--- a/lib/mongo/applicants.ts
+++ b/lib/mongo/applicants.ts
@@ -225,6 +225,31 @@ export const getApplicantsForCommittee = async (
   }
 };
 
+export const editApplication = async (
+  owId: string,
+  periodId: string | ObjectId,
+  newApplicationData: applicantType
+) => {
+  try {
+    if (!applicants) await init();
+
+    const result = await applicants.findOneAndUpdate(
+      { owId: owId, periodId: periodId },
+      { $set: newApplicationData },
+      { returnDocument: "after" }
+    );
+
+    if (result) {
+      return { applicant: result };
+    } else {
+      return { error: "Application not found" };
+    }
+  } catch (error) {
+    console.error(error);
+    return { error: "Failed to edit application" };
+  }
+};
+
 export const deleteApplication = async (
   owId: string,
   periodId: string | ObjectId
diff --git a/pages/api/applicants/[period-id]/[id].ts b/pages/api/applicants/[period-id]/[id].ts
index 7d77e73a..2297389c 100644
--- a/pages/api/applicants/[period-id]/[id].ts
+++ b/pages/api/applicants/[period-id]/[id].ts
@@ -1,6 +1,7 @@
 import { NextApiRequest, NextApiResponse } from "next";
 import {
   deleteApplication,
+  editApplication,
   getApplication,
 } from "../../../../lib/mongo/applicants";
 import { getServerSession } from "next-auth";
@@ -11,6 +12,8 @@ import {
   checkOwId,
 } from "../../../../lib/utils/apiChecks";
 import { getPeriodById } from "../../../../lib/mongo/periods";
+import { isApplicantType } from "../../../../lib/utils/validators";
+import { applicantType } from "../../../../lib/types/types";
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   const session = await getServerSession(req, res, authOptions);
@@ -49,6 +52,45 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
       const { error } = await deleteApplication(id, periodId);
       if (error) throw new Error(error);
       return res.status(204).end();
+    } else if (req.method === "PUT") {
+      const { application } = req.body;
+
+      if (!application) {
+        return res.status(400).json({ error: "Missing application data" });
+      }
+
+      const { period } = await getPeriodById(periodId);
+
+      if (!period) {
+        return res.status(400).json({ error: "Invalid period id" });
+      }
+
+      application.periodId = periodId;
+      application.date = new Date(new Date().getTime() + 60 * 60 * 2000); // add date with norwegain time (GMT+2)
+
+      if (!isApplicantType(application, period)) {
+        return res.status(400).json({ error: "Invalid data format" });
+      }
+
+      const now = new Date();
+      const applicationStart = period.applicationPeriod.start;
+      const applicationEnd = period.applicationPeriod.end;
+
+      if (now < applicationStart || now > applicationEnd) {
+        return res
+          .status(400)
+          .json({ error: "Not within the application period" });
+      }
+
+      if (!isApplicantType(application, period)) {
+        return res.status(400).json({ error: "Invalid data format" });
+      }
+
+      const { error } = await editApplication(id, periodId, application);
+      if (error) throw new Error(error);
+      return res
+        .status(200)
+        .json({ message: "Application updated successfully" });
     }
   } catch (error) {
     if (error instanceof Error) {
@@ -57,7 +99,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
     return res.status(500).json("Unexpected error occurred");
   }
 
-  res.setHeader("Allow", ["GET", "DELETE"]);
+  res.setHeader("Allow", ["GET", "DELETE", "PUT"]);
   res.status(405).end(`Method ${req.method} is not allowed.`);
 };
 
diff --git a/pages/apply/[period-id].tsx b/pages/apply/[period-id].tsx
index 73afadb8..ab5bea73 100644
--- a/pages/apply/[period-id].tsx
+++ b/pages/apply/[period-id].tsx
@@ -24,6 +24,7 @@ import {
 } from "../../lib/api/applicantApi";
 import ErrorPage from "../../components/ErrorPage";
 import { MainTitle, SimpleTitle } from "../../components/Typography";
+import ApplicationEditModal from "../../components/form/EditApplicationModal";
 
 const Application: NextPage = () => {
   const queryClient = useQueryClient();
@@ -33,6 +34,7 @@ const Application: NextPage = () => {
   const applicantId = session?.user?.owId;
 
   const [activeTab, setActiveTab] = useState(0);
+  const [isEditing, setIsEditing] = useState(false);
   const [applicationData, setApplicationData] = useState<
     DeepPartial<applicantType>
   >({
@@ -150,6 +152,31 @@ const Application: NextPage = () => {
   if (!periodData?.exists)
     return <SimpleTitle title="Opptaket finnes ikke" size="large" />;
 
+  if (isEditing) {
+    return (
+      <>
+        {fetchedApplicationData?.application && period && (
+          <ApplicationEditModal
+            availableCommittees={period?.committees || []}
+            optionalCommittees={period?.optionalCommittees || []}
+            originalApplicationData={fetchedApplicationData.application}
+            period={period}
+            setIsEditing={setIsEditing}
+          />
+        )}
+        {applicationData.phone && period && (
+          <ApplicationEditModal
+            availableCommittees={period?.committees || []}
+            optionalCommittees={period?.optionalCommittees || []}
+            originalApplicationData={applicationData as applicantType}
+            period={period}
+            setIsEditing={setIsEditing}
+          />
+        )}
+      </>
+    );
+  }
+
   if (fetchedApplicationData?.exists)
     return (
       <div className="flex flex-col items-center justify-center h-full gap-5 px-5 py-10 md:px-40 lg:px-80 dark:text-white">
@@ -167,12 +194,20 @@ const Application: NextPage = () => {
           spam-mappen.)
         </p>
         {!isApplicationPeriodOver && (
-          <Button
-            title="Trekk tilbake søknad"
-            color="white"
-            onClick={handleDeleteApplication}
-          />
+          <div className="flex flex-row gap-6">
+            <Button
+              title="Trekk tilbake søknad"
+              color="white"
+              onClick={handleDeleteApplication}
+            />
+            <Button
+              title="Rediger søknad"
+              color="blue"
+              onClick={() => setIsEditing(true)}
+            />
+          </div>
         )}
+
         {fetchedApplicationData?.application && (
           <div className="w-full max-w-md">
             <ApplicantCard
@@ -182,7 +217,7 @@ const Application: NextPage = () => {
           </div>
         )}
 
-        {applicationData.phone && (
+        {applicationData.phone && !fetchedApplicationData.application && (
           <div className="w-full max-w-md">
             <ApplicantCard
               applicant={applicationData as applicantType}