style:

src/views/Conversations/Online/ConversationsList.jsx

@@ -1,7 +1,7 @@
 import { useEffect, useState, useRef } from 'react';
 import { useParams, useNavigate, useLocation } from 'react-router-dom';
 import { Dropdown, Input, Button, Empty, Tooltip, Tag, Select } from 'antd';
-import { PlusOutlined, WhatsAppOutlined, LoadingOutlined, HistoryOutlined, FireOutlined, MessageFilled, FilterOutlined, PlusSquareOutlined } from '@ant-design/icons';
+import { PlusOutlined,  WhatsAppOutlined, LoadingOutlined, HistoryOutlined, FireOutlined, } from '@ant-design/icons';
 import { fetchConversationsList, fetchOrderConversationsList, fetchConversationItemClose, fetchConversationsSearch, postNewConversationItem, fetchConversationItemUnread, UNREAD_MARK } from '@/actions/ConversationActions';
 import { ChatItem } from 'react-chat-elements';
 import ConversationsNewItem from './ConversationsNewItem';
@@ -222,7 +222,7 @@ const Conversations = ({ mobile }) => {
   return (
     <div className='flex flex-col h-inherit'>
       <div className='flex gap-1'>
-        <Button onClick={() => setNewChatModalVisible(true)} icon={<PlusOutlined />} type={'primary'} />
+        <Button onClick={() => setNewChatModalVisible(true)} icon={<PlusOutlined />} type={'primary'} ghost shape={'circle'} />
         <Input.Search
           className=''
           ref={searchInputRef}