From 19ef0fee2021c6449ecfc0a0192015778b1e022e Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 19 Sep 2022 15:02:16 -0500
Subject: [PATCH] ChatPage: size the height correctly for mobile

---
 app/soapbox/features/chats/components/chat-page/chat-page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/soapbox/features/chats/components/chat-page/chat-page.tsx b/app/soapbox/features/chats/components/chat-page/chat-page.tsx
index 937792284..7284309fc 100644
--- a/app/soapbox/features/chats/components/chat-page/chat-page.tsx
+++ b/app/soapbox/features/chats/components/chat-page/chat-page.tsx
@@ -7,7 +7,7 @@ import ChatPageSidebar from './components/chat-page-sidebar';
 
 const ChatPage = () => {
   return (
-    <Card className='p-0 h-[calc(100vh-176px)] overflow-hidden' variant='rounded'>
+    <Card className='p-0 h-[calc(100vh-109px)] sm:h-[calc(100vh-176px)] overflow-hidden' variant='rounded'>
       <div className='grid grid-cols-9 overflow-hidden h-full dark:divide-x-2 dark:divide-solid dark:divide-gray-800'>
         <Stack
           className='col-span-9 sm:col-span-3 p-6 bg-gradient-to-r from-white to-gray-100 dark:bg-gray-900 dark:bg-none overflow-hidden dark:inset'