diff --git a/app/features/messages/components/new-message-area.tsx b/app/features/messages/components/new-message-area.tsx
index 7ab669c..d0d35a1 100644
--- a/app/features/messages/components/new-message-area.tsx
+++ b/app/features/messages/components/new-message-area.tsx
@@ -19,7 +19,7 @@ function NewMessageArea() {
 		<Form
 			ref={formRef}
 			method="post"
-			className="absolute bottom-0 w-screen backdrop-filter backdrop-blur-xl bg-white bg-opacity-75 border-t flex flex-row h-14 mb-16 p-2 pr-0"
+			className="absolute bottom-0 w-screen backdrop-filter backdrop-blur-xl bg-white bg-opacity-75 border-t flex flex-row p-2 pr-0"
 			replace
 		>
 			<textarea
diff --git a/app/routes/__app.tsx b/app/routes/__app.tsx
index d877e7f..358b741 100644
--- a/app/routes/__app.tsx
+++ b/app/routes/__app.tsx
@@ -34,10 +34,8 @@ export const loader: LoaderFunction = async ({ request }) => {
 };
 
 export default function __App() {
-	const hideFooter = false;
 	const matches = useMatches();
-	// matches[0].handle.hideFooter
-	// console.log("matches", matches);
+	const hideFooter = matches.some(match => match.handle?.hideFooter === true);
 
 	return (
 		<div className="h-full w-full overflow-hidden fixed bg-gray-100">
diff --git a/app/routes/__app/messages.$recipient.tsx b/app/routes/__app/messages.$recipient.tsx
index d5d759f..e8e01b6 100644
--- a/app/routes/__app/messages.$recipient.tsx
+++ b/app/routes/__app/messages.$recipient.tsx
@@ -91,3 +91,5 @@ export default function ConversationPage() {
 		</section>
 	);
 }
+
+export const handle = { hideFooter: true };