diff --git a/src/assets/img/avtar/A000001.png b/src/assets/img/avtar/A000001.png
new file mode 100644
index 0000000..132e55b
Binary files /dev/null and b/src/assets/img/avtar/A000001.png differ
diff --git a/src/assets/img/avtar/A000002.png b/src/assets/img/avtar/A000002.png
new file mode 100644
index 0000000..daf2394
Binary files /dev/null and b/src/assets/img/avtar/A000002.png differ
diff --git a/src/assets/img/avtar/A000003.png b/src/assets/img/avtar/A000003.png
new file mode 100644
index 0000000..15c0a2a
Binary files /dev/null and b/src/assets/img/avtar/A000003.png differ
diff --git a/src/assets/img/avtar/A000004.png b/src/assets/img/avtar/A000004.png
new file mode 100644
index 0000000..3e8edaf
Binary files /dev/null and b/src/assets/img/avtar/A000004.png differ
diff --git a/src/assets/img/avtar/A000005.png b/src/assets/img/avtar/A000005.png
new file mode 100644
index 0000000..550b669
Binary files /dev/null and b/src/assets/img/avtar/A000005.png differ
diff --git a/src/component/contacts/Contacts.js b/src/component/contacts/Contacts.js
index 90a69b0..78e0ae8 100644
--- a/src/component/contacts/Contacts.js
+++ b/src/component/contacts/Contacts.js
@@ -87,7 +87,8 @@ export default function Contacts() {
                     <div className="row">
                         {/*<div className="vh-100 col-12 flex align-items-center">Coming Soon</div>*/}
                         <div className="col-12">
-                            <div className="card card-statistics mail-contant">
+                            <div className="card card-statistics mail-contant"
+                                 style={{minHeight: '550px', borderRadius: '10px'}}>
                                 <div className="card-body p-0">
                                     <div className="row no-gutters">
                                         <div className="col-md-4 col-xxl-2 col-md-4">
@@ -213,6 +214,7 @@ export default function Contacts() {
                                                 <div className="mail-msg scrollbar scroll_dark">
                                                     {contactsData && filteredContactData?.map((contact, index) => {
                                                         const isActive = (contact?.uid == activeContactUID) || (!activeContactUID && index == 0)
+                                                        const avtarImage = (contact?.category === undefined) ? "avtar/01.jpg" : "avtar/" + contact.category + ".png";
                                                         return (
                                                             <div key={contact?.uid}
                                                                  onClick={() => changeActiveUID(contact?.uid)}
@@ -221,17 +223,22 @@ export default function Contacts() {
                                                                     <div className="media align-items-center">
                                                                         <div className="mr-3">
                                                                             <div className="bg-img">
-                                                                                <img src={getImage("avtar/01.jpg")}
+                                                                                <img src={getImage(avtarImage)}
                                                                                      className="img-fluid" alt="user"/>
                                                                             </div>
                                                                         </div>
                                                                         <div className="w-100">
                                                                             <div
                                                                                 className="mail-msg-item-titel justify-content-between">
-                                                                                <p><span style={{fontSize: '14px' , color: '#148399', fontWeight:'bolder'}}>{contact?.sender}</span></p>
+                                                                                <p><span style={{
+                                                                                    fontSize: '14px',
+                                                                                    color: '#148399',
+                                                                                    fontWeight: 'bolder'
+                                                                                }}>{contact?.sender}</span></p>
                                                                                 {/* <p className="d-none d-xl-block">06:59 <span> PM </span></p> */}
                                                                                 <p className="d-none d-xl-block">
-                                                                                    <span style={{fontSize: '14px'}}>{new Date(contact?.added).toDateString()}</span>
+                                                                                    <span
+                                                                                        style={{fontSize: '14px'}}>{new Date(contact?.added).toDateString()}</span>
                                                                                 </p>
                                                                             </div>
                                                                             <h5 className="mb-0 my-2">{contact?.title}</h5>
@@ -260,7 +267,8 @@ export default function Contacts() {
                                                              alt="user"/>
                                                     </div>
                                                     <div>
-                                                        <h4 className="mb-0" style={{color: '#148399'}}>{activeContactUID ? activeDetail[0]?.sender : filteredContactData[0]?.sender}</h4>
+                                                        <h4 className="mb-0"
+                                                            style={{color: '#148399'}}>{activeContactUID ? activeDetail[0]?.sender : filteredContactData[0]?.sender}</h4>
                                                         <p>{activeContactUID ? new Date(activeDetail[0]?.added).toDateString() : new Date(filteredContactData[0]?.added).toDateString()}</p>
                                                     </div>
                                                 </div>