diff --git a/src/components/GeneratedChallengesModal.vue b/src/components/GeneratedChallengesModal.vue
index c388faed1cbc905dedd823324bfa5d29f29c647d..52a2ad5a64d3faf9280bab2f1641be85dcbcf30c 100644
--- a/src/components/GeneratedChallengesModal.vue
+++ b/src/components/GeneratedChallengesModal.vue
@@ -4,10 +4,7 @@
         class="fixed inset-0 bg-gray-300 bg-opacity-75 flex justify-center items-center"
     >
         <div class="relative bg-white pt-10 p-4 rounded-lg shadow-xl" style="width: 40rem">
-            <button
-                @click="closeModal"
-                class="absolute top-0 right-0 m-2 text-white"
-            >
+            <button @click="closeModal" class="absolute top-0 right-0 m-2 text-white">
                 <svg
                     xmlns="http://www.w3.org/2000/svg"
                     class="h-6 w-6"
@@ -29,7 +26,9 @@
             <div class="grid grid-cols-7 sm:grid-cols-11 gap-2 p-3 pb-1 border-b-2">
                 <span class="font-bold col-span-2 md:col-span-3 sm:text-lg pt-1 mb-0">Tittel</span>
                 <span class="font-bold col-span-2 md:col-span-2 sm:text-lg pt-1 mb-0">MÃ¥lsum</span>
-                <span class="font-bold col-span-2 md:col-span-1 sm:text-lg pt-1 pr-1 md:pr-3 mb-0">Frist</span>
+                <span class="font-bold col-span-2 md:col-span-1 sm:text-lg pt-1 pr-1 md:pr-3 mb-0"
+                    >Frist</span
+                >
                 <span class="col-span-2"></span>
             </div>
             <div class="space-y-2">
@@ -39,10 +38,18 @@
                     :class="{ 'bg-gray-100': index % 2 === 0 }"
                     class="grid grid-cols-7 md:grid-cols-7 sm:grid-cols-2 lg:grid-cols-7 gap-4 items-center border p-3 rounded mt-[-8px]"
                 >
-                    <span class="break-words col-span-2 md:col-span-1 lg:col-span-2 text-lg" >{{ challenge.title }}</span>
-                    <span class="col-span-2 md:col-span-2 lg:col-span-1 text-lg">{{ challenge.target }}</span>
-                    <span class="col-span-2 md:col-span-1 lg:col-span-2 text-lg">{{ challenge.due }}</span>
-                    <div class="col-span-7 sm:col-start-3 sm:col-span-2 md:col-span-2 lg:col-span-2 flex items-center justify-end space-x-2">
+                    <span class="break-words col-span-2 md:col-span-1 lg:col-span-2 text-lg">{{
+                        challenge.title
+                    }}</span>
+                    <span class="col-span-2 md:col-span-2 lg:col-span-1 text-lg">{{
+                        challenge.target
+                    }}</span>
+                    <span class="col-span-2 md:col-span-1 lg:col-span-2 text-lg">{{
+                        challenge.due
+                    }}</span>
+                    <div
+                        class="col-span-7 sm:col-start-3 sm:col-span-2 md:col-span-2 lg:col-span-2 flex items-center justify-end space-x-2"
+                    >
                         <button
                             @click="declineChallenge(challenge.id)"
                             class="bg-gray-500 hover:bg-gray-700 text-white font-bold py-1 px-4 mt-[-14px] sm:mt-0"
@@ -62,7 +69,6 @@
     </div>
 </template>
 
-
 <script setup>
 import { ref, onMounted } from 'vue'
 import authInterceptor from '@/services/authInterceptor'