diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index fbf60c8..a823da2 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -10,7 +10,7 @@ const HomePage = () => {
 	const { posts } = usePosts()
 	return (
 		<MainTemplate>
-			<div className="mb-7 border border-foreground py-8 px-8 dark:bg-sidebar">
+			<div className="mb-7 border border-foreground py-6 px-6 md:py-8 md:px-8 dark:bg-sidebar">
 				<div className="flex flex-col items-center md:flex-row md:items-start gap-4 md:gap-8 md:flex-row-reverse">
 					{/* Image - centers on mobile, left-aligned on desktop */}
 					<div className="flex-shrink-0">