diff --git a/src/app.html b/src/app.html
index e1211dd6f..3404ece87 100644
--- a/src/app.html
+++ b/src/app.html
@@ -3,6 +3,7 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
+		<link rel="stylesheet" type="text/css" href="styles.css">
 		%sveltekit.head%
 	</head>
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ae3f6a2bb..2ed4c53b5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -169,9 +169,9 @@
 					<div class="h-full max-h-screen overflow-auto">
 						<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
 							{#each $projects as project}
-								<a class="text-lg text-zinc-300 hover:text-zinc-200" href="/projects/{project.id}/">
+								<a class="text-lg text-zinc-300 hover:text-zinc-200  " href="/projects/{project.id}/">
 									<div
-										class="flex flex-col justify-between space-y-1 rounded-lg bg-zinc-700 shadow"
+										class="flex flex-col justify-between space-y-1 rounded-lg bg-zinc-700 shadow border-zinc-700 border border-t-zinc-600 border-t-[1]"
 									>
 										<div class="flex-grow-0 px-4 py-4">
 											<div class="text-lg text-zinc-300 hover:text-zinc-200">
