diff --git a/ui/src/styles/components.css b/ui/src/styles/components.css
index 7ccb1286b..3b90f491b 100644
--- a/ui/src/styles/components.css
+++ b/ui/src/styles/components.css
@@ -1370,14 +1370,18 @@
 }
 
 @media (max-width: 480px) {
+  .chat-compose__row {
+    flex-direction: column;
+  }
+
   .chat-compose__actions {
     gap: 4px;
+    justify-content: flex-end;
   }
 
   .chat-compose__actions .btn {
     padding: 4px 8px;
     font-size: 13px;
-    flex-shrink: 0;
   }
 
   .chat-compose__actions .btn-kbd {
diff --git a/ui/src/ui/views/chat.ts b/ui/src/ui/views/chat.ts
index 148a855d8..d92ac2ce5 100644
--- a/ui/src/ui/views/chat.ts
+++ b/ui/src/ui/views/chat.ts
@@ -367,7 +367,7 @@ export function renderChat(props: ChatProps) {
             ${props.onDelete
               ? html`
                   <button
-                    class="btn danger"
+                    class="btn"
                     ?disabled=${!props.connected || isBusy || props.isMainSession}
                     @click=${() => {
                       if (confirm(`Delete session "${props.sessionKey}"?`)) {