From c180e7ae905194912614a8f2844a1ecb066c23a6 Mon Sep 17 00:00:00 2001
From: Titouan Rigoudy <titouan.rigoudy@gmail.com>
Date: Sat, 6 Nov 2021 18:43:56 +0100
Subject: [PATCH] Fix chat x-overflow for narrow screen.

---
 src/components/SolsticeApp.tsx | 2 +-
 src/modules/room/RoomsPane.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/SolsticeApp.tsx b/src/components/SolsticeApp.tsx
index a581b9e..edd10d7 100644
--- a/src/components/SolsticeApp.tsx
+++ b/src/components/SolsticeApp.tsx
@@ -13,7 +13,7 @@ import { selectSocket, SocketState } from "modules/socket/slice";
 
 const MainPane: FC = () => {
   return (
-    <main className="flex-1 min-h-0">
+    <main className="flex-1 min-h-0 w-full">
       <Switch>
         <Route path={roomListPath}>
           <RoomsPane />
diff --git a/src/modules/room/RoomsPane.tsx b/src/modules/room/RoomsPane.tsx
index b71e4c8..dce26af 100644
--- a/src/modules/room/RoomsPane.tsx
+++ b/src/modules/room/RoomsPane.tsx
@@ -45,7 +45,7 @@ const RoomsPane: FC<{}> = () => {
       <div className="w-80 h-full">
         <RoomList rooms={rooms} />
       </div>
-      <div className="flex-grow">
+      <div className="flex-1 overflow-auto">
         <Switch>
           <Route exact path={path}>
             <RoomChatPane rooms={rooms} loginUserName={login.username!} />