diff --git a/src/components/Directory/ListViewDirectory.jsx b/src/components/Directory/ListViewDirectory.jsx
index 033290cd..e58b38fb 100644
--- a/src/components/Directory/ListViewDirectory.jsx
+++ b/src/components/Directory/ListViewDirectory.jsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import Avatar from '../common/Avatar';
 
 const getEmailIcon = (type) => {
   switch (type) {
@@ -26,7 +27,19 @@ const getPhoneIcon = (type) => {
 const ListViewDirectory = ({ contact,setSelectedContact,setIsOpenModal }) => {
   return (
     <tr key={contact.id} >
-      <td className="text-start" style={{ width: '18%' }} colSpan={2}>{`${contact.name}`}</td>
+      <td className="text-start" style={{width: '18%'}} colSpan={2}>
+     <div className="d-flex align-items-center">
+  <Avatar
+  size="xs"
+  firstName={(contact?.name || "").trim().split(" ")[0]?.charAt(0) || ""}
+  lastName={(contact?.name || "").trim().split(" ")[1]?.charAt(0) || ""}
+/>
+
+  <span >{contact?.name || ""}</span>
+</div>
+
+
+      </td>
 
       {/* Emails */}
       <td >