From 13fc68907c975572f262c659c6950de5614d2b18 Mon Sep 17 00:00:00 2001
From: Jing Hua <tohjinghua123@gmail.com>
Date: Sat, 1 Apr 2023 12:08:05 +0800
Subject: [PATCH] style: limit chat title height on mobile

---
 src/components/MobileBar/MobileBar.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/MobileBar/MobileBar.tsx b/src/components/MobileBar/MobileBar.tsx
index e574584..7ad8c6c 100644
--- a/src/components/MobileBar/MobileBar.tsx
+++ b/src/components/MobileBar/MobileBar.tsx
@@ -31,7 +31,9 @@ const MobileBar = () => {
         <span className='sr-only'>Open sidebar</span>
         <MenuIcon />
       </button>
-      <h1 className='flex-1 text-center text-base font-normal'>{chatTitle}</h1>
+      <h1 className='flex-1 text-center text-base font-normal px-2 max-h-20 overflow-y-auto'>
+        {chatTitle}
+      </h1>
       <button
         type='button'
         className={`px-3 text-gray-400 transition-opacity ${