diff --git a/src/routes/Chat.tsx b/src/routes/Chat.tsx
index 6566f31..d6b98c3 100644
--- a/src/routes/Chat.tsx
+++ b/src/routes/Chat.tsx
@@ -224,7 +224,7 @@ function MessageList(props: {
 
     return (
         <>
-            <div class="flex flex-col-reverse justify-end gap-4">
+            <div class="flex flex-col-reverse justify-end gap-4 safe-bottom">
                 <For each={props.convo}>
                     {(combined, _index) => (
                         <>