diff --git a/src/lib/devices/DeviceCard/DeviceRoutes.svelte b/src/lib/devices/DeviceCard/DeviceRoutes.svelte
index 2168ba2..59f606f 100644
--- a/src/lib/devices/DeviceCard/DeviceRoutes.svelte
+++ b/src/lib/devices/DeviceCard/DeviceRoutes.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { deleteDeviceRoute, getDeviceRoutes, modifyDeviceRoutes } from './DeviceRoutesAPI.svelte';
+	import { getDeviceRoutes, modifyDeviceRoutes } from './DeviceRoutesAPI.svelte';
 	import { Device, Route } from '$lib/common/classes';
 	import { onMount } from 'svelte';
 	import { alertStore } from '$lib/common/stores';
@@ -31,33 +31,13 @@
 				$alertStore = error;
 			});
 	}
-
-	function deleteDeviceRouteAction() {
-		deleteDeviceRoute(routeID)
-			.then((response) => {
-				getDeviceRoutesAction();
-			})
-			.catch((error) => {
-				$alertStore = error;
-			});
-	}
 </script>
 
 <th>Device Routes</th>
 <td
 	><ul class="list-disc list-inside">
 		{#each routesList as route, index}
-			<div style="margin-left: -12px;">
-				<button
-					on:click|stopPropagation={() => {
-						routeID = route.id;
-						deleteDeviceRouteAction();
-					}}
-					class="ml-1"
-					><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-						<path stroke-linecap="round" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
-					</svg>
-				</button>
+			<li>
 				{route.prefix}
 				{#if route.enabled}
 					<button
@@ -74,7 +54,7 @@
 					<button
 						on:click={() => {
 							routesList[index].enabled = true;
-							routeID = route.id;
+							routeID = route.id
 							modifyDeviceRoutesAction();
 						}}
 						type="button"
@@ -82,7 +62,7 @@
 						data-tip="press to enable route">pending</button
 					>
 				{/if}
-			</div>
+			</li>
 		{/each}
 	</ul></td
 >
diff --git a/src/lib/devices/DeviceCard/DeviceRoutesAPI.svelte b/src/lib/devices/DeviceCard/DeviceRoutesAPI.svelte
index 09f09c8..f43d34c 100644
--- a/src/lib/devices/DeviceCard/DeviceRoutesAPI.svelte
+++ b/src/lib/devices/DeviceCard/DeviceRoutesAPI.svelte
@@ -80,30 +80,4 @@
 				throw error;
 			});
 	}
-
-	export async function deleteDeviceRoute(routeID: number): Promise<any> {
-		// variables in local storage
-		let headscaleURL = localStorage.getItem('headscaleURL') || '';
-		let headscaleAPIKey = localStorage.getItem('headscaleAPIKey') || '';
-		let endpointURL = `/api/v1/routes/${routeID}`;
-
-		await fetch(headscaleURL + endpointURL, {
-			method: 'DELETE',
-			headers: {
-				Accept: 'application/json',
-				Authorization: `Bearer ${headscaleAPIKey}`
-			}
-		})
-			.then((response) => {
-				if (response.ok) {
-				} else {
-					return response.text().then((text) => {
-						throw JSON.parse(text).message;
-					});
-				}
-			})
-			.catch((error) => {
-				throw error;
-			});
-	}
 </script>