feature/IO-3478-Mark-Conversation-Unread: Finished

client/src/components/chat-mark-unread-button/chat-mark-unread-button.component.jsx

@@ -1,4 +1,3 @@
-import { MailOutlined } from "@ant-design/icons";
 import { Button, Tooltip } from "antd";
 import { useTranslation } from "react-i18next";
 
@@ -9,7 +8,9 @@ export default function ChatMarkUnreadButton({ disabled, loading, onMarkUnread }
     <Tooltip title={t("messaging.labels.mark_unread")}>
       <Button
         size="small"
-        icon={<MailOutlined />}
+        className="unread-button"
+        type="primary"
+        children={t("messaging.labels.mark_unread")}
         loading={loading}
         disabled={disabled}
         onMouseDown={(e) => e.stopPropagation()} // prevent parent mark-read handler