diff --git a/src/routes/links.svelte b/src/routes/links.svelte
index beb05d3..83991b6 100644
--- a/src/routes/links.svelte
+++ b/src/routes/links.svelte
@@ -63,11 +63,18 @@
 						</td>
 						<td class="px-6 py-4 whitespace-nowrap text-sm"> {url.visits} </td>
 						<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-							<button
-								on:click={deleteUrl(url.shortcode)}
-								class="text-indigo-600 dark:text-red-600 hover:text-indigo-900 dark:hover:text-red-900"
-								>Delete</button
+                            <button
+                            on:click={deleteUrl(url.shortcode)}
+                            class="px-4 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-200 transform bg-red-600 rounded-md hover:bg-red-700 focus:outline-none focus:bg-red-700"
 							>
+                            Delete
+                        </button>
+                        <button
+                            on:click={deleteUrl(url.shortcode)}
+                            class="px-4 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-200 transform bg-blue-600 rounded-md hover:bg-blue-700 focus:outline-none focus:bg-blue-700"
+                        >
+                            Details
+                        </button>
 						</td>
 					</tr>
 				{/each}