diff --git a/src/components/MessageBox.tsx b/src/components/MessageBox.tsx
index 12d3920..06cb565 100644
--- a/src/components/MessageBox.tsx
+++ b/src/components/MessageBox.tsx
@@ -234,7 +234,13 @@ export default function MessageBox({
           </DropdownMenuContent>
         </DropdownMenu>
 
-        <Button variant="secondary">
+        <Button
+          variant="secondary"
+          onClick={() => {
+            sendMessage(text.trim());
+            setText("");
+          }}
+        >
           <SendIcon />
         </Button>
       </footer>