diff --git a/frontend/src/lib/components/ActionCards.svelte b/frontend/src/lib/components/ActionCards.svelte
index 120e516..53f11bb 100644
--- a/frontend/src/lib/components/ActionCards.svelte
+++ b/frontend/src/lib/components/ActionCards.svelte
@@ -3,7 +3,7 @@
 	import IconCreate from '~icons/solar/clipboard-add-outline';
 </script>
 
-<div class="card bg-base-100 w-96 flex-1 shadow-md">
+<div class="card bg-base-100 w-96 flex-1 shadow-lg">
 	<div class="card-body">
 		<h2 class="card-title">Read a new file</h2>
 		<p>Upload a new file and ask it your questions!</p>
@@ -17,7 +17,7 @@
 		</div>
 	</div>
 </div>
-<div class="card bg-base-100 w-96 flex-1 shadow-md">
+<div class="card bg-base-100 w-96 flex-1 shadow-lg">
 	<div class="card-body">
 		<h2 class="card-title">Create a new file</h2>
 		<p>Tell us what you want and create your file!</p>
diff --git a/frontend/src/lib/components/FileTable.svelte b/frontend/src/lib/components/FileTable.svelte
index 0054c17..71fd579 100644
--- a/frontend/src/lib/components/FileTable.svelte
+++ b/frontend/src/lib/components/FileTable.svelte
@@ -9,10 +9,6 @@
 	const urlPDF =
 		'https://raw.githubusercontent.com/vinodnimbalkar/svelte-pdf/369db2f9edbf5ab8c87184193e1404340729bb3a/public/sample.pdf';
 
-	const downloadPdf = () => {
-		window.open(urlPDF);
-	};
-
 	onMount(async () => {
 		await fetchDocuments();
 	});
@@ -21,11 +17,6 @@
 
 	async function fetchDocuments() {
 		try {
-			/*
-			const response = await pb.collection('documents').getFullList({
-				filter: `owner=${$currentUser?.id}`
-			});
-			*/
 			const response = await pb.collection('documents').getFullList({
 				sort: '-created',
 				filter: `owner='${$currentUser?.id}'`
@@ -36,9 +27,13 @@
 			console.error('Fetch error:', error);
 		}
 	}
+
+	const downloadPdf = () => {
+		window.open(urlPDF);
+	};
 </script>
 
-<div class="w-full overflow-x-auto">
+<div class="w-full overflow-x-auto rounded-lg shadow-lg">
 	<table class="table w-full">
 		<!-- head -->
 		<thead>
@@ -74,18 +69,20 @@
 						<span class="badge badge-ghost badge-sm">PDF</span>
 					</td>
 					<td>13.05.2023</td>
-					<th>
-						<a href="/dashboard/file-read"
-							><button class="btn btn-square btn-primary"
-								><IconRead style="font-size: x-large;" /></button
-							></a
-						>
-						<button class="btn btn-square btn-info" on:click={downloadPdf}
-							><IconDownload style="font-size: x-large;" />
-						</button>
-						<button class="btn btn-square btn-warning"
-							><IconBin style="font-size: x-large;" /></button
-						>
+					<th
+						><div class="flex flex-row gap-4">
+							<a href="/dashboard/file-read"
+								><button class="btn btn-square btn-primary"
+									><IconRead style="font-size: x-large;" /></button
+								></a
+							>
+							<button class="btn btn-square btn-info" on:click={downloadPdf}
+								><IconDownload style="font-size: x-large;" />
+							</button>
+							<button class="btn btn-square btn-warning"
+								><IconBin style="font-size: x-large;" /></button
+							>
+						</div>
 					</th>
 				</tr>
 			{/each}
diff --git a/frontend/src/lib/components/Navbar.svelte b/frontend/src/lib/components/Navbar.svelte
index c9f81ae..3632b71 100644
--- a/frontend/src/lib/components/Navbar.svelte
+++ b/frontend/src/lib/components/Navbar.svelte
@@ -5,7 +5,7 @@
 	import IconMoon from '~icons/solar/moon-outline';
 	import IconSun from '~icons/solar/sun-2-outline';
 	import { onMount, onDestroy } from 'svelte';
-	import { get, writable } from 'svelte/store';
+	import { writable } from 'svelte/store';
 	import { getImageURL } from '$lib/utils';
 
 	const theme = writable('lofi');
diff --git a/frontend/src/lib/components/Stats.svelte b/frontend/src/lib/components/Stats.svelte
index 5f5d7ec..0c39513 100644
--- a/frontend/src/lib/components/Stats.svelte
+++ b/frontend/src/lib/components/Stats.svelte
@@ -7,7 +7,7 @@
 	import IconPage from '~icons/solar/documents-outline';
 </script>
 
-<div class="stats flex-auto flex-nowrap shadow-md">
+<div class="stats flex-auto flex-nowrap shadow-lg">
 	<div class="stat">
 		<div class="stat-figure text-secondary">
 			<IconFile style="font-size: x-large;" class="text-primary" />
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index e82cc94..dc34935 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -6,7 +6,7 @@
 				<p class="py-6 text-xl">
 					Unleash the Power of AI: Creating Beautiful, Structured PDFs Has Never Been Easier!
 				</p>
-				<div class="stats shadow-md">
+				<div class="stats shadow-lg">
 					<div class="stat">
 						<div class="stat-title">Total documents analysed</div>
 						<div class="stat-value">389,400</div>
diff --git a/frontend/src/routes/dashboard/+page.svelte b/frontend/src/routes/dashboard/+page.svelte
index 6091156..d1709af 100644
--- a/frontend/src/routes/dashboard/+page.svelte
+++ b/frontend/src/routes/dashboard/+page.svelte
@@ -32,7 +32,7 @@
 		<ActionCards />
 	</div>
 	<div class="flex">
-		<div class="card bg-base-100 w-96 flex-1 shadow-md">
+		<div class="card bg-base-100 w-96 flex-1 shadow-lg">
 			<div class="card-body">
 				<h2 class="card-title">Generate a joke!</h2>
 				{#if joke}
diff --git a/frontend/src/routes/dashboard/file-read/+page.svelte b/frontend/src/routes/dashboard/file-read/+page.svelte
index 7d93626..45cd808 100644
--- a/frontend/src/routes/dashboard/file-read/+page.svelte
+++ b/frontend/src/routes/dashboard/file-read/+page.svelte
@@ -19,7 +19,7 @@
 		<div class="mb-4 flex-1 rounded-lg bg-white p-8 shadow-lg md:mb-0">
 			<PdfViewer />
 		</div>
-		<div class="flex-1 rounded-lg bg-white p-8 shadow-md">
+		<div class="flex-1 rounded-lg bg-white p-8 shadow-lg">
 			<div class="flex h-full flex-col justify-between">
 				<div class="form-control flex-grow">
 					<textarea