diff --git a/src/routes/details.svelte b/src/routes/details.svelte
index 213fc88..5e22b01 100644
--- a/src/routes/details.svelte
+++ b/src/routes/details.svelte
@@ -1,36 +1,35 @@
 <script>
 	import { page } from '$app/stores';
-    import Apiclient from '$lib/Apiclient';
+	import Apiclient from '$lib/Apiclient';
 
 	let shortcode = $page.query.get('shortcode');
-    $: urlDetails = {
-        shortcode: "Loading...",
-        url: "Loading...",
-        target: "Loading...",
-        visits: "Loading..."
-    };
-    $: urlVisists = [];
+	$: urlDetails = {
+		shortcode: 'Loading...',
+		url: 'Loading...',
+		target: 'Loading...',
+		visits: 'Loading...'
+	};
+	$: urlVisists = [];
 
-    Apiclient.getUrlDetails(shortcode).then((res)=>{
-        urlDetails=res;
-    });
-    let visitQuery = Apiclient.getUrlVisits(shortcode).then((res)=>{
-        urlVisists=res;
-    });
+	Apiclient.getUrlDetails(shortcode).then((res) => {
+		urlDetails = res;
+	});
+	let visitQuery = Apiclient.getUrlVisits(shortcode).then((res) => {
+		urlVisists = res;
+	});
 </script>
 
 <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}
-    <h2>URL:</h2> 
-    {urlDetails.url}
-    <h2>Target:</h2> 
-    {urlDetails.target}
-    <h2>Visits:</h2> 
-    {urlDetails.visits}
+	<span>Shortcode:</span>
+	{urlDetails.shortcode} <br />
+	<span>URL:</span>
+	{urlDetails.url} <br />
+	<span>Target:</span>
+	{urlDetails.target} <br />
+	<span>Visits:</span>
+	{urlDetails.visits}
 </div>
 
 <div class="rounded-xl">