diff --git a/components/dashboard/ChatDetail.tsx b/components/dashboard/ChatDetail.tsx
index 6a9b602..a02e3f0 100644
--- a/components/dashboard/ChatDetail.tsx
+++ b/components/dashboard/ChatDetail.tsx
@@ -633,8 +633,9 @@ export default function ChatDetail({ chatId }: { chatId: string }) {
       <div 
         ref={scrollContainerRef}
         className={cn(
-          "flex-1 overflow-y-auto space-y-2 pb-[80px]",
-          isTouchDevice ? "p-3" : "p-2"
+          isTouchDevice 
+            ? "flex-1 overflow-y-auto space-y-2 p-3 pb-[calc(112px+env(safe-area-inset-bottom))]" 
+            : "flex-1 overflow-y-auto space-y-2 p-2 pb-[calc(88px+env(safe-area-inset-bottom))]"
         )}
         role="log"
         aria-label="Chat messages"
@@ -768,7 +769,8 @@ export default function ChatDetail({ chatId }: { chatId: string }) {
       
       <div className={cn(
         "absolute bottom-0 left-0 right-0 border-t border-border bg-background",
-        isTouchDevice ? "p-3" : "p-4"
+        isTouchDevice ? "p-3" : "p-4",
+        "pb-[env(safe-area-inset-bottom)]"
       )}>
         <form onSubmit={handleSendMessage} className="flex space-x-2">
           <Input