diff --git a/src/views/EditProfileView.vue b/src/views/EditProfileView.vue
index 1434fd145e2524adf5294ac1afbf333b595aa634..bb251d91ff657f3f5613f2e5caf2a168ad65e888 100644
--- a/src/views/EditProfileView.vue
+++ b/src/views/EditProfileView.vue
@@ -52,10 +52,6 @@ const isSavingAccountValid = computed(() =>
     accountNumberRegex.test(profile.value.savingAccount.accNumber?.toString() || '')
 )
 
-const openInteractiveSpare = () => {
-  isModalOpen.value = true // Open the modalReset the flag since the speech will now be displayed
-}
-
 const isFormInvalid = computed(
     () =>
         [
@@ -215,7 +211,7 @@ const saveChanges = async () => {
                     :png-size="10"
                     :speech="['Her kan du endre på profilen din!']"
                     direction="left"
-                    :isModalOpen="openInteractiveSpare"
+                    :isModalOpen="isModalOpen"
                 />
 
                 <CardTemplate>
diff --git a/src/views/ProfileView.vue b/src/views/ProfileView.vue
index 6f7492c3b3fe6df3064d7a1c7e1dac769197e11e..19fa96330c311c4113831e724fb271284250308a 100644
--- a/src/views/ProfileView.vue
+++ b/src/views/ProfileView.vue
@@ -48,7 +48,6 @@ const welcome = computed(() => {
 const openInteractiveSpare = () => {
     isModalOpen.value = true
 }
-
 </script>
 
 <template>
@@ -100,13 +99,13 @@ const openInteractiveSpare = () => {
                     :isModalOpen="isModalOpen"
                 />
                 <div class="flex items-center">
-                  <a @click="openInteractiveSpare" class="hover:bg-transparent z-20">
-                    <img
-                        alt="Spare"
-                        class="scale-x-[-1] md:h-5/6 md:w-5/6 w-2/3 h-2/3 cursor-pointer ml-14 md:ml-10"
-                        src="@/assets/spare.png"
-                    />
-                  </a>
+                    <a @click="openInteractiveSpare" class="hover:bg-transparent z-20">
+                        <img
+                            alt="Spare"
+                            class="scale-x-[-1] md:h-5/6 md:w-5/6 w-2/3 h-2/3 cursor-pointer ml-14 md:ml-10"
+                            src="@/assets/spare.png"
+                        />
+                    </a>
                 </div>
                 <div class="flex flex-row justify-between mx-4">
                     <p class="font-bold">Fullførte sparemål</p>
diff --git a/src/views/ViewGoalView.vue b/src/views/ViewGoalView.vue
index e73e1c7c491b98a5c78ce24480d0f23f9ff5afa3..50ec73bb87ee4c101808f113f552a58e90ca94db 100644
--- a/src/views/ViewGoalView.vue
+++ b/src/views/ViewGoalView.vue
@@ -132,13 +132,13 @@ const completeGoal = () => {
             </div>
         </div>
         <div class="flex items-center">
-          <a @click="openInteractiveSpare" class="hover:bg-transparent z-20">
-            <img
-                alt="Spare"
-                class="scale-x-[-1] md:h-5/6 md:w-5/6 w-2/3 h-2/3 cursor-pointer ml-14 md:ml-10"
-                src="@/assets/spare.png"
-            />
-          </a>
+            <a @click="openInteractiveSpare" class="hover:bg-transparent z-20">
+                <img
+                    alt="Spare"
+                    class="scale-x-[-1] md:h-5/6 md:w-5/6 w-2/3 h-2/3 cursor-pointer ml-14 md:ml-10"
+                    src="@/assets/spare.png"
+                />
+            </a>
         </div>
         <InteractiveSpare
             :png-size="10"