diff --git a/src/routes/details.svelte b/src/routes/details.svelte
index 022fbdb..213fc88 100644
--- a/src/routes/details.svelte
+++ b/src/routes/details.svelte
@@ -3,7 +3,12 @@
     import Apiclient from '$lib/Apiclient';
 
 	let shortcode = $page.query.get('shortcode');
-    $: urlDetails = {};
+    $: urlDetails = {
+        shortcode: "Loading...",
+        url: "Loading...",
+        target: "Loading...",
+        visits: "Loading..."
+    };
     $: urlVisists = [];
 
     Apiclient.getUrlDetails(shortcode).then((res)=>{
@@ -16,6 +21,7 @@
 
 <h2 class="text-3xl font-bold text-gray-800 dark:text-gray-100 pb-6">Details: {shortcode}</h2>
 
+ 
 <div class="text-gray-800 dark:text-gray-100">
     <h2>Shortcode:</h2> 
     {urlDetails.shortcode}