diff --git a/public/widget.js b/public/widget.js
index ffd812c..17c6f56 100644
--- a/public/widget.js
+++ b/public/widget.js
@@ -382,10 +382,10 @@
       .mf-photo img { display: block; width: min(180px, 100%); max-height: 130px; object-fit: cover; border-radius: 6px; }
       .mf-typing { padding: 0 14px 8px; color: ${c.muted}; font-size: 13px; }
       .mf-form { border-top: 1px solid #dfe6e2; padding: 12px; display: grid; gap: 9px; }
-      .mf-composer { display: grid; grid-template-columns: minmax(0, 1fr) 42px; gap: 9px; align-items: end; }
+      .mf-composer { display: grid; grid-template-columns: minmax(0, 1fr) 48px; gap: 9px; align-items: stretch; }
       input, textarea { width: 100%; border: 1px solid #dfe6e2; border-radius: 6px; padding: 9px 10px; color: ${c.text}; background: white; }
       textarea { resize: vertical; min-height: 72px; }
-      .mf-send { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 50%; background: ${c.brand}; color: ${c.brandText}; cursor: pointer; }
+      .mf-send { width: 48px; min-height: 72px; height: 100%; display: grid; place-items: center; border: 0; border-radius: 6px; background: ${c.brand}; color: ${c.brandText}; cursor: pointer; }
       .mf-send:disabled { opacity: .55; cursor: wait; }
       .mf-send svg { width: 22px; height: 22px; fill: currentColor; transform: translateX(1px); }
       .mf-dropzone { min-height: 42px; border: 1px dashed #b9c9c1; border-radius: 8px; display: flex; align-items: center; gap: 8px; padding: 9px 10px; color: ${c.muted}; background: #f8fbf9; font-size: 12px; cursor: pointer; }