diff --git a/website/src/app/page.module.css b/website/src/app/page.module.css
index 244a3e8..8cd2445 100644
--- a/website/src/app/page.module.css
+++ b/website/src/app/page.module.css
@@ -344,7 +344,7 @@
     line-height: 1.6;
 }
 
-.hydrationText p code {
+.typeText p code, .hydrationText p code {
     font-family: var(--font-mono);
     font-size: 0.85em;
     background-color: var(--gray-alpha-100);
diff --git a/website/src/app/page.tsx b/website/src/app/page.tsx
index 86e91b0..b60e57f 100644
--- a/website/src/app/page.tsx
+++ b/website/src/app/page.tsx
@@ -5,7 +5,7 @@ const CodeExample = dynamic(
   () => import('../components/CodeExample')
 );
 
-import { simpleExample, hydrationExample } from '../components/CodeExample';
+import { simpleExample, hydrationExample, typeCoercionExample } from '../components/CodeExample';
 
 export default function Home() {
     return (
@@ -85,7 +85,7 @@ export default function Home() {
                             </p>
                         </div>
                         <div className={styles.typeCode}>
-                            <CodeExample code={typeCoercionExample} height={300} noScroll={true} />
+                            <CodeExample code={typeCoercionExample} height={370} noScroll={true} />
                         </div>
                     </div>
                 </div>