From a6dc949e9fb6c47af4405086035e116dc85e0126 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Tue, 24 Mar 2026 03:54:05 +0000
Subject: [PATCH] fix: 404 ASCII art compressed vertically on mobile

Increase line-height from 1.15 to 1.8 and bump minimum font size from
2.5px to 3px to prevent the ASCII art from being squashed on small screens.
---
 src/components/NotFoundPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NotFoundPage.tsx b/src/components/NotFoundPage.tsx
index ac8c4a13..d15004d3 100644
--- a/src/components/NotFoundPage.tsx
+++ b/src/components/NotFoundPage.tsx
@@ -161,7 +161,7 @@ export function NotFoundPage() {
         className="overflow-hidden max-w-full mb-8"
         style={{
           fontFamily: "monospace",
-          lineHeight: 1.15,
+          lineHeight: 1.8,
           whiteSpace: "pre",
           letterSpacing: "1px",
           color: "var(--vocs-text-color-heading)",
@@ -169,7 +169,7 @@ export function NotFoundPage() {
         }}
       >
         <div
-          className="text-[2.5px] sm:text-[4px] md:text-[5px] lg:text-[6px]"
+          className="text-[3px] sm:text-[4px] md:text-[5px] lg:text-[6px]"
           style={{ minWidth: "fit-content" }}
         >
           {mppLines.map((mppLine, lineIdx) => {