diff --git a/src/routes/dashboard/index.tsx b/src/routes/dashboard/index.tsx
index d7f2567..9ab5508 100644
--- a/src/routes/dashboard/index.tsx
+++ b/src/routes/dashboard/index.tsx
@@ -35,14 +35,23 @@ export default component$(() => {
 					<div class="absolute w-full h-screen flex justify-center items-center flex-col">
 						<p class="text-gray-500 text-8xl font-bold"><SvgSpinnersBarsRotateFade /></p>
 						<p class="text-gray-700 text-2xl font-light italic">loading your files...</p>
-						<span class="text-gray-700 text-lg font-light flex gap-[0.5ch] items-center">please wait <span class="animate-spin">⏳</span></span>
+						<span class="text-gray-700 text-lg font-light flex gap-[0.5ch] items-center">please wait... <span class="animate-spin">⏳</span></span>
 					</div>
 				) : (
 					files.value.length === 0 ? (
 						<div class="absolute w-full h-screen flex justify-center items-center flex-col">
-							<p class="text-gray-500 text-8xl font-bold">{"┻━┻︵ \\(°□°)/ ︵ ┻━┻"}</p>
+							<p class="text-gray-500 text-8xl font-bold">{
+								[
+									"┻━┻︵ \\(°□°)/ ︵ ┻━┻",
+									"┻━┻︵ヽ(`Д´)ﾉ︵ ┻━┻",
+									"ʕノ•ᴥ•ʔノ ︵ ┻━┻",
+									"(╯°Д°）╯︵ /(.□ . \\)",
+									"┬─┬ ︵ /(.□. \\）",
+									"(/ .□.)\\ ︵╰(゜Д゜)╯︵ /(.□. \\)"
+								].sort(() => Math.random() - 0.5)[0]
+							}</p>
 							<p class="text-gray-700 text-2xl font-light italic">you haven't uploaded any files yet!</p>
-							<span class="text-gray-700 text-lg font-light flex gap-[0.5ch] items-center">click the <span><SolarUploadLinear /></span> button to get started</span>
+							<span class="text-gray-700 text-lg font-light flex gap-[0.5ch] items-center">click the <span class="animate-bounce p-0.5 bg-gray-500 rounded-sm"><SolarUploadLinear /></span> button to get started</span>
 						</div>
 					)
 					: (