diff --git a/src/lib/components/elements/AppsCard.svelte b/src/lib/components/elements/AppsCard.svelte
index 3a3276b..7c8ee19 100644
--- a/src/lib/components/elements/AppsCard.svelte
+++ b/src/lib/components/elements/AppsCard.svelte
@@ -25,7 +25,7 @@
 			{/if}
 		</div>
 
-		<p class="text-2xl font-bold">{app.title}</p>
+		<a href="{base}/apps/{app.slug}" class="text-2xl font-bold hover:underline">{app.title}</a>
 	</div>
 
 	<img
diff --git a/src/lib/components/elements/BlogItem.svelte b/src/lib/components/elements/BlogItem.svelte
index f73d068..095fc5e 100644
--- a/src/lib/components/elements/BlogItem.svelte
+++ b/src/lib/components/elements/BlogItem.svelte
@@ -8,13 +8,15 @@
 <article>
 	<div class="flex flex-col gap-3 rounded-xl bg-arkGray5 p-5">
 		<div class="flex flex-col">
-			<p class="text-2xl font-extrabold">{post.title}</p>
+			<a href="{base}/blog/{post.slug}" class="text-2xl font-extrabold hover:underline"
+				>{post.title}</a
+			>
 			<p class="font-medium text-arkGray4">{post.date}</p>
 		</div>
 
 		<div class="h-full max-h-36 overflow-hidden">
 			{post.summary}
 		</div>
-		<a href="{base}/blog/{post.slug}" class="font-bold text-arkOrange underline">Read</a>
+		<a href="{base}/blog/{post.slug}" class="w-fit font-bold text-arkOrange underline">Read</a>
 	</div>
 </article>