From e77ba2421ca5810fe55e76cd2761f39d38c5d7d4 Mon Sep 17 00:00:00 2001
From: denis0001-dev <denis0001.dev@ya.ru>
Date: Thu, 18 Sep 2025 20:13:51 +0300
Subject: [PATCH] Use proper button component

---
 .../ui/components/chat/ChatInputWrapper.tsx   | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/frontend/src/ui/components/chat/ChatInputWrapper.tsx b/frontend/src/ui/components/chat/ChatInputWrapper.tsx
index 3912ece..e7c93cc 100644
--- a/frontend/src/ui/components/chat/ChatInputWrapper.tsx
+++ b/frontend/src/ui/components/chat/ChatInputWrapper.tsx
@@ -23,18 +23,16 @@ export function ChatInputWrapper({ onSendMessage, replyTo, onClearReply }: ChatI
     return (
         <div className="chat-input-wrapper">
             <form className="input-group" id="message-form" onSubmit={handleSubmit}>
-                <div className="chat-input">
-                    {replyTo && (
-                        <div className="reply-preview">
-                            <div className="reply-content">
-                                <span className="reply-username">{replyTo.username}</span>
-                                <span className="reply-text">{replyTo.content}</span>
-                            </div>
-                            <button type="button" className="reply-cancel" onClick={onClearReply}>
-                                <span className="material-symbols">close</span>
-                            </button>
+                {replyTo && (
+                    <div className="reply-preview">
+                        <div className="reply-content">
+                            <span className="reply-username">{replyTo.username}</span>
+                            <span className="reply-text">{replyTo.content}</span>
                         </div>
-                    )}
+                        <mdui-button-icon icon="close" className="reply-cancel" onClick={onClearReply}></mdui-button-icon>
+                    </div>
+                )}
+                <div className="chat-input">
                     <RichTextArea
                         className="message-input" 
                         id="message-input"