diff --git a/frontend/src/Editor/Comment/CommentFooter.jsx b/frontend/src/Editor/Comment/CommentFooter.jsx
index 39ace8ca33..7b32759f0d 100644
--- a/frontend/src/Editor/Comment/CommentFooter.jsx
+++ b/frontend/src/Editor/Comment/CommentFooter.jsx
@@ -57,7 +57,7 @@ function CommentFooter({ editComment = '', editCommentId, handleSubmit }) {
               'cursor-not-allowed': !comment,
             })}
           >
-            <Button loading={loading} disabled={!comment} className={`m2 `} onClick={handleClick}>
+            <Button loading={loading} disabled={!comment} className={`m2 btn-sm rounded-2`} onClick={handleClick}>
               Send
             </Button>
           </div>
diff --git a/frontend/src/Editor/Comment/CommentHeader.jsx b/frontend/src/Editor/Comment/CommentHeader.jsx
index bb97a08ec2..8297e8e607 100644
--- a/frontend/src/Editor/Comment/CommentHeader.jsx
+++ b/frontend/src/Editor/Comment/CommentHeader.jsx
@@ -75,14 +75,14 @@ const CommentHeader = ({ socket, count = 0, threadId, isResolved, isThreadOwner,
       <div className="ms-auto d-flex">
         <span
           title={isThreadOwner ? 'toggle resolved' : 'only creator of thread can resolve'}
-          className={cx('m-1', { disabled: !isThreadOwner })}
+          className={cx('m-1 cursor-pointer', { disabled: !isThreadOwner })}
           onClick={handleResolved}
         >
           {getResolveIcon()}
         </span>
         <svg
           onClick={handleDelete}
-          className="m-1"
+          className="m-1 cursor-pointer"
           width="20"
           height="20"
           viewBox="0 0 20 20"