diff --git a/src/views/chat/page.vue b/src/views/chat/page.vue
index 8bde248..856da48 100644
--- a/src/views/chat/page.vue
+++ b/src/views/chat/page.vue
@@ -9,7 +9,7 @@
     app
     class="flex items-center border-opacity-15 min-h-[64px]"
     style="border-top-width: thin"
-    :style="`padding-bottom: ${safeAreaBottom}`"
+    :style="`padding-bottom: max(${safeAreaBottom}, 8px)`"
   >
     <chat-editor class="flex-grow-1" @sent="scrollTop" />
   </v-footer>