diff --git a/web/src/components/MemoContentV1/Heading.tsx b/web/src/components/MemoContentV1/Heading.tsx
index c9649c5e..a2373824 100644
--- a/web/src/components/MemoContentV1/Heading.tsx
+++ b/web/src/components/MemoContentV1/Heading.tsx
@@ -8,8 +8,21 @@ interface Props {
 
 const Heading: React.FC<Props> = ({ level, children }: Props) => {
   const Head = `h${level}` as keyof JSX.IntrinsicElements;
+  const className = (() => {
+    switch (level) {
+      case 1:
+        return "text-5xl leading-normal font-bold";
+      case 2:
+        return "text-3xl leading-normal font-medium";
+      case 3:
+        return "text-xl leading-normal font-medium";
+      case 4:
+        return "text-lg font-bold";
+    }
+  })();
+
   return (
-    <Head>
+    <Head className={className}>
       {children.map((child, index) => (
         <Renderer key={`${child.type}-${index}`} node={child} />
       ))}
