diff --git a/packages/web/src/components/molecules/BlogItem/index.tsx b/packages/web/src/components/molecules/BlogItem/index.tsx
index ffa85f4..3a6892e 100644
--- a/packages/web/src/components/molecules/BlogItem/index.tsx
+++ b/packages/web/src/components/molecules/BlogItem/index.tsx
@@ -47,7 +47,7 @@ export const BlogItem: React.FC<BlogItemProps> = ({
 			className="rounded overflow-hidden relative flex flex-col gap-8 before:absolute before:top-0 before:left-0 before:w-full before:h-full before:border-2 before:rounded-inherit before:pointer-events-none before:opacity-10"
 		>
 			<header className="flex flex-col gap-4">
-				<h1 className="m-0 h-24 flex items-end px-8">
+				<h1 className="m-0 pt-12 sm:h-32 text-[2.5em] sm:text-5xl flex items-end px-8">
 					<Link
 						className="no-underline"
 						href={{