From 7ef9ca4ac13a0be4807b7a2373cf3b954ccc74f8 Mon Sep 17 00:00:00 2001
From: Abhijith M S <111883236+AMS003010@users.noreply.github.com>
Date: Thu, 30 Jan 2025 00:40:45 +0530
Subject: [PATCH] UI fix on /news/update47/ page (#89)

---
 src/lib/components/news-thumb.svelte | 2 +-
 src/routes/news/[slug]/+page.svelte  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/news-thumb.svelte b/src/lib/components/news-thumb.svelte
index 77b75ed..0e7d2fe 100644
--- a/src/lib/components/news-thumb.svelte
+++ b/src/lib/components/news-thumb.svelte
@@ -10,7 +10,7 @@
 <li class="flex" use:animateIn={{ fade: 0, slide: 24 }}>
 	<a href={link} class="w-full transition-transform hover:-translate-y-0.5">
 		<article
-			class="flex flex-col justify-between gap-3 rounded hover:outline-sky-500/80 md:flex-row md:rounded-3xl md:bg-gradient-to-tr md:from-cyan-500/10 md:to-transparent md:p-8 md:shadow-xl md:outline md:outline-1 md:outline-sky-500/30"
+			class="flex flex-col h-[100%] justify-between gap-3 rounded hover:outline-sky-500/80 md:flex-row md:rounded-3xl md:bg-gradient-to-tr md:from-cyan-500/10 md:to-transparent md:p-8 md:shadow-xl md:outline md:outline-1 md:outline-sky-500/30"
 		>
 			<div>
 				<div class="flex flex-col gap-4 font-medium text-slate-400">
diff --git a/src/routes/news/[slug]/+page.svelte b/src/routes/news/[slug]/+page.svelte
index edcb0b0..0767fbf 100644
--- a/src/routes/news/[slug]/+page.svelte
+++ b/src/routes/news/[slug]/+page.svelte
@@ -69,7 +69,7 @@
 			<TitleHeading slot="title" class="">More news</TitleHeading>
 		</Title>
 
-		<ul class="grid grid-cols-2 gap-x-7 gap-y-16 overflow-auto">
+		<ul class="grid grid-cols-2 gap-x-7 gap-y-16">
 			{#each data.other as entry}
 				<NewsThumb {entry} />
 			{/each}