diff --git a/backend/server/adventures/views.py b/backend/server/adventures/views.py
index 1a91b2b..8f506f8 100644
--- a/backend/server/adventures/views.py
+++ b/backend/server/adventures/views.py
@@ -534,7 +534,7 @@ class ChecklistViewSet(viewsets.ModelViewSet):
 
 class AdventureImageViewSet(viewsets.ModelViewSet):
     serializer_class = AdventureImageSerializer
-    permission_classes = [IsAuthenticated]\
+    permission_classes = [IsAuthenticated]
     
     # make sure that when creating and updating an image, the user is authenticated and the adventure user is the same as the authenticated user
     def create(self, request, *args, **kwargs):
@@ -566,16 +566,16 @@ class AdventureImageViewSet(viewsets.ModelViewSet):
         
         return super().update(request, *args, **kwargs)
     
-    def destroy(self, request, *args, **kwargs):
-        if not request.user.is_authenticated:
-            return Response({"error": "User is not authenticated"}, status=status.HTTP_401_UNAUTHORIZED)
+    # def destroy(self, request, *args, **kwargs):
+    #     if not request.user.is_authenticated:
+    #         return Response({"error": "User is not authenticated"}, status=status.HTTP_401_UNAUTHORIZED)
         
-        instance = self.get_object()
-        adventure = instance.adventure
-        if adventure.user_id != request.user:
-            return Response({"error": "User does not own this adventure"}, status=status.HTTP_403_FORBIDDEN)
+    #     instance = self.get_object()
+    #     adventure = instance.adventure
+    #     if adventure.user_id != request.user:
+    #         return Response({"error": "User does not own this adventure"}, status=status.HTTP_403_FORBIDDEN)
         
-        return super().destroy(request, *args, **kwargs)
+    #     return super().destroy(request, *args, **kwargs)
     
     def partial_update(self, request, *args, **kwargs):
         if not request.user.is_authenticated:
diff --git a/frontend/src/lib/components/EditAdventure.svelte b/frontend/src/lib/components/EditAdventure.svelte
index 5f02074..9ccbd1a 100644
--- a/frontend/src/lib/components/EditAdventure.svelte
+++ b/frontend/src/lib/components/EditAdventure.svelte
@@ -5,8 +5,6 @@
 	import { enhance } from '$app/forms';
 	import { addToast } from '$lib/toasts';
 
-	export let type: string = 'visited';
-
 	export let longitude: number | null = null;
 	export let latitude: number | null = null;
 
@@ -19,6 +17,7 @@
 	import Earth from '~icons/mdi/earth';
 	import ActivityComplete from './ActivityComplete.svelte';
 	import { appVersion } from '$lib/config';
+	import NewAdventure from './NewAdventure.svelte';
 
 	export let startDate: string | null = null;
 	export let endDate: string | null = null;
@@ -39,6 +38,19 @@
 		}
 	}
 
+	async function removeImage(id: string) {
+		let res = await fetch(`/api/images/${id}/`, {
+			method: 'DELETE'
+		});
+		let data = await res.json();
+		if (data.id) {
+			images = images.filter((image) => image.id !== id);
+			addToast('success', 'Image removed');
+		} else {
+			addToast('error', 'Failed to remove image');
+		}
+	}
+
 	let isDetails: boolean = true;
 
 	function saveAndClose() {
@@ -172,7 +184,7 @@
 	<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 	<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 	<div class="modal-box w-11/12 max-w-6xl" role="dialog" on:keydown={handleKeydown} tabindex="0">
-		<h3 class="font-bold text-lg">Edit {type} Adventure</h3>
+		<h3 class="font-bold text-lg">Edit {adventureToEdit.type} Adventure</h3>
 		{#if adventureToEdit.id === '' || isDetails}
 			<div class="modal-action items-center">
 				<form method="post" style="width: 100%;" on:submit={handleSubmit}>
@@ -190,38 +202,33 @@
 								required
 							/>
 						</div>
-						<div class="join">
-							<input
-								class="join-item btn btn-neutral"
-								type="radio"
-								name="type"
-								id="visited"
-								value="visited"
-								aria-label="Visited"
-								checked={adventureToEdit.type === 'visited'}
-								on:click={() => (type = 'visited')}
-							/>
-							<input
-								class="join-item btn btn-neutral"
-								type="radio"
-								name="type"
-								id="planned"
-								value="planned"
-								aria-label="Planned"
-								checked={adventureToEdit.type === 'planned'}
-								on:click={() => (type = 'planned')}
-							/>
-						</div>
 						<div>
-							<label for="location">Location</label><br />
-							<input
-								type="text"
-								id="location"
-								name="location"
-								bind:value={adventureToEdit.location}
-								class="input input-bordered w-full"
-							/>
+							<div class="form-control">
+								<label class="label cursor-pointer">
+									<span class="label-text">Visited</span>
+									<input
+										type="radio"
+										name="radio-10"
+										class="radio checked:bg-red-500"
+										on:click={() => (adventureToEdit.type = 'visited')}
+										checked={adventureToEdit.type == 'visited'}
+									/>
+								</label>
+							</div>
+							<div class="form-control">
+								<label class="label cursor-pointer">
+									<span class="label-text">Planned</span>
+									<input
+										type="radio"
+										name="radio-10"
+										class="radio checked:bg-blue-500"
+										on:click={() => (adventureToEdit.type = 'planned')}
+										checked={adventureToEdit.type == 'planned'}
+									/>
+								</label>
+							</div>
 						</div>
+
 						<div>
 							<label for="date">Date</label><br />
 							<input
@@ -234,6 +241,19 @@
 								class="input input-bordered w-full"
 							/>
 						</div>
+						<div>
+							<!-- link -->
+							<div>
+								<label for="link">Link</label><br />
+								<input
+									type="text"
+									id="link"
+									name="link"
+									bind:value={adventureToEdit.link}
+									class="input input-bordered w-full"
+								/>
+							</div>
+						</div>
 						<div>
 							<label for="description">Description</label><br />
 							<textarea
@@ -322,35 +342,6 @@
 								{/if}
 							</div>
 						</div>
-						<div>
-							<!-- link -->
-							<div>
-								<label for="link">Link</label><br />
-								<input
-									type="text"
-									id="link"
-									name="link"
-									bind:value={adventureToEdit.link}
-									class="input input-bordered w-full"
-								/>
-							</div>
-						</div>
-						<div>
-							<div>
-								<div>
-									<label for="is_public"
-										>Public <Earth class="inline-block -mt-1 mb-1 w-6 h-6" /></label
-									><br />
-									<input
-										type="checkbox"
-										class="toggle toggle-primary"
-										id="is_public"
-										name="is_public"
-										bind:checked={adventureToEdit.is_public}
-									/>
-								</div>
-							</div>
-						</div>
 					</div>
 					<div class="divider"></div>
 					<h2 class="text-2xl font-semibold mb-2 mt-4">Location Information</h2>
@@ -425,6 +416,23 @@ it would also work to just use on:click on the MapLibre component itself. -->
 						</MapLibre>
 					</div>
 
+					<div>
+						<div>
+							<div>
+								<label for="is_public"
+									>Public <Earth class="inline-block -mt-1 mb-1 w-6 h-6" /></label
+								><br />
+								<input
+									type="checkbox"
+									class="toggle toggle-primary"
+									id="is_public"
+									name="is_public"
+									bind:checked={adventureToEdit.is_public}
+								/>
+							</div>
+						</div>
+					</div>
+
 					<div class="mt-4">
 						<button type="submit" class="btn btn-primary">Save & Next</button>
 						<button type="button" class="btn" on:click={close}>Close</button>
@@ -478,6 +486,14 @@ it would also work to just use on:click on the MapLibre component itself. -->
 				</div>
 				<div class=" inline-flex gap-2">
 					{#each images as image}
+						<!-- remove button -->
+						<button
+							type="button"
+							class="btn btn-error"
+							on:click={() => {
+								removeImage(image.id);
+							}}
+						/>
 						<img src={image.image} alt={image.id} class="w-32 h-32" />
 					{/each}
 				</div>