From c3998830a3afc1b20f09d27ee463475dcaf7b0da Mon Sep 17 00:00:00 2001
From: Shusui MOYATANI <syusui.s@gmail.com>
Date: Tue, 2 Jan 2024 16:04:26 +0900
Subject: [PATCH] fix: overflow reply view

---
 src/components/column/Column.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/column/Column.tsx b/src/components/column/Column.tsx
index 9b83a16..b6f53e7 100644
--- a/src/components/column/Column.tsx
+++ b/src/components/column/Column.tsx
@@ -59,14 +59,14 @@ const Column: Component<ColumnProps> = (props) => {
           fallback={
             <>
               <div class="shrink-0 border-b">{props.header}</div>
-              <div class="scrollbar flex flex-col overflow-y-scroll scroll-smooth">
+              <div class="scrollbar flex flex-col overflow-y-scroll scroll-smooth pb-16">
                 {props.children}
               </div>
             </>
           }
         >
           {(timeline) => (
-            <div class="h-full w-full bg-white">
+            <>
               <div class="flex shrink-0 items-center border-b bg-white px-2">
                 <button
                   class="flex w-full items-center gap-1"
@@ -78,10 +78,10 @@ const Column: Component<ColumnProps> = (props) => {
                   <div>{i18n()('column.back')}</div>
                 </button>
               </div>
-              <ul class="scrollbar flex h-full flex-col overflow-y-scroll scroll-smooth pb-8">
+              <div class="scrollbar flex max-h-full flex-col overflow-y-scroll scroll-smooth pb-16">
                 <TimelineContentDisplay timelineContent={timeline} />
-              </ul>
-            </div>
+              </div>
+            </>
           )}
         </Show>
       </div>