update smal

src/ui/Duel/main.tsx

@@ -68,7 +68,7 @@ const NeosSider = () => (
     <Row>
       <DuelTimeLine />
     </Row>
-    <Row align="bottom">
+    <Row>
       <SendBox />
     </Row>
   </div>

src/ui/Duel/sendBox.tsx

 import React, { useState } from "react";
-import { Input, Button, Row } from "antd";
+import { Input, Button, Row, Col } from "antd";
 import { SendOutlined } from "@ant-design/icons";
 
 const SendBox = () => {
@@ -9,7 +9,7 @@ const SendBox = () => {
       <Row>
         <Input.TextArea
           placeholder="Message to sent..."
-          autoSize
+          autoSize={{ minRows: 3, maxRows: 4 }}
           value={content}
           onChange={(e) => {
             setContent(e.target.value);
@@ -17,11 +17,13 @@ const SendBox = () => {
         />
       </Row>
       <Row>
+        <Col>
           <Button
             icon={<SendOutlined />}
             onClick={() => {}}
             disabled={!content}
           />
+        </Col>
       </Row>
     </>
   );