From 53f0f65c4579606eab83d91bda479c1eb61c0499 Mon Sep 17 00:00:00 2001
From: Nicholas <31909304+lauslim12@users.noreply.github.com>
Date: Thu, 5 Mar 2026 16:45:54 +0000
Subject: [PATCH 1/2] Fix scrollbars sometimes appearing in edge-cases

---
 app/app.tsx   | 2 +-
 app/input.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/app.tsx b/app/app.tsx
index eaec7f5..c0a3870 100644
--- a/app/app.tsx
+++ b/app/app.tsx
@@ -8,7 +8,7 @@ export const App = () => (
 	<div className="mx-auto flex min-h-screen max-w-7xl flex-col p-5">
 		<Header />
 
-		<main className="flex flex-1 flex-col px-0 py-8 sm:px-2 md:px-6 lg:px-12 xl:px-20">
+		<main className="flex grow flex-col px-0 py-8 sm:px-2 md:px-6 lg:px-12 xl:px-20">
 			<Editor />
 		</main>
 
diff --git a/app/input.tsx b/app/input.tsx
index 06019e8..541b29f 100644
--- a/app/input.tsx
+++ b/app/input.tsx
@@ -20,7 +20,7 @@ export const Input = ({ type, className, ...props }: InputProps) => {
 	return (
 		<TextareaAutosize
 			className={cn(
-				"w-full resize-none border-none py-2 outline-hidden",
+				"w-full resize-none overflow-hidden border-none py-2 outline-hidden",
 				"placeholder:text-stone-400 dark:placeholder:text-stone-600",
 				"placeholder:transition-colors placeholder:duration-300 placeholder:ease-in-out",
 				"read-only:text-stone-500 dark:read-only:text-stone-400",

From 1119ae5fda85798e64abc6abb9c3db6dec56c1fd Mon Sep 17 00:00:00 2001
From: Nicholas <31909304+lauslim12@users.noreply.github.com>
Date: Fri, 6 Mar 2026 13:46:23 +0000
Subject: [PATCH 2/2] Restore `grow` to `flex-1`

---
 app/app.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/app.tsx b/app/app.tsx
index c0a3870..eaec7f5 100644
--- a/app/app.tsx
+++ b/app/app.tsx
@@ -8,7 +8,7 @@ export const App = () => (
 	<div className="mx-auto flex min-h-screen max-w-7xl flex-col p-5">
 		<Header />
 
-		<main className="flex grow flex-col px-0 py-8 sm:px-2 md:px-6 lg:px-12 xl:px-20">
+		<main className="flex flex-1 flex-col px-0 py-8 sm:px-2 md:px-6 lg:px-12 xl:px-20">
 			<Editor />
 		</main>