diff --git a/ui/src/styles/components.css b/ui/src/styles/components.css
index 8ce1bf51f..9eb7f2150 100644
--- a/ui/src/styles/components.css
+++ b/ui/src/styles/components.css
@@ -1369,6 +1369,22 @@
   }
 }
 
+@media (max-width: 480px) {
+  .chat-compose__actions {
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+
+  .chat-compose__actions .btn {
+    padding: 6px 10px;
+    font-size: 13px;
+  }
+
+  .chat-compose__actions .btn-kbd {
+    display: none;
+  }
+}
+
 /* ===========================================
    QR Code
    =========================================== */