From e342eacc694f69717bc79ced841421a550565211 Mon Sep 17 00:00:00 2001
From: Avnyr <avnyr@yidhra.fr>
Date: Wed, 28 Jan 2026 20:35:55 +0100
Subject: [PATCH] style: add utility class for scrollbar hiding and align
 content correctly in meme page layout

---
 frontend/src/app/(dashboard)/meme/[slug]/page.tsx |  2 +-
 frontend/src/app/globals.css                      | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/(dashboard)/meme/[slug]/page.tsx b/frontend/src/app/(dashboard)/meme/[slug]/page.tsx
index 62df4ba..b56265a 100644
--- a/frontend/src/app/(dashboard)/meme/[slug]/page.tsx
+++ b/frontend/src/app/(dashboard)/meme/[slug]/page.tsx
@@ -50,7 +50,7 @@ export default async function MemePage({
 					Retour au flux
 				</Link>
 
-				<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+				<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 items-start">
 					<div className="lg:col-span-2">
 						<ContentCard content={content} />
 					</div>
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 2e62e75..ccbefe4 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -74,6 +74,16 @@
 	--color-destructive-foreground: var(--destructive-foreground);
 }
 
+@layer utilities {
+	.no-scrollbar::-webkit-scrollbar {
+		display: none;
+	}
+	.no-scrollbar {
+		-ms-overflow-style: none;
+		scrollbar-width: none;
+	}
+}
+
 :root {
 	--radius: 0.5rem;
 	--background: oklch(0.9821 0 0);