diff --git a/src/pages/Activities/DailyTask.jsx b/src/pages/Activities/DailyTask.jsx
index 07bf21ee..00a55439 100644
--- a/src/pages/Activities/DailyTask.jsx
+++ b/src/pages/Activities/DailyTask.jsx
@@ -15,8 +15,8 @@ import DateRangePicker from "../../components/common/DateRangePicker";
 import DatePicker from "../../components/common/DatePicker";
 
 const DailyTask = () => {
-  const {profile: LoggedUser} = useProfile();
-  
+  const { profile: LoggedUser } = useProfile();
+
   const {
     projects,
     loading: project_lodaing,
@@ -27,13 +27,13 @@ const DailyTask = () => {
   );
   const dispatch = useDispatch(selectedProject);
   const [dateRange, setDateRange] = useState({ startDate: "", endDate: "" });
+
   const {
     TaskList,
     loading: task_loading,
     error: task_error,
     refetch,
-  } = useTaskList( selectedProject, dateRange.startDate, dateRange.endDate );
-  
+  } = useTaskList(selectedProject, dateRange.startDate, dateRange.endDate);
 
   const [TaskLists, setTaskLists] = useState([]);
 
@@ -56,7 +56,6 @@ const DailyTask = () => {
     selectTask(task);
     openModal();
   };
-  console.log(dateRange)
 
   return (
     <>
@@ -126,7 +125,6 @@ const DailyTask = () => {
                       ))}
                 </select>
               </div>
-             
             </div>
             <div className="table-responsive text-nowrap">
               <table className="table">
@@ -191,7 +189,7 @@ const DailyTask = () => {
                           <td>{formatDate(task.assignmentDate)}</td>
                           <td className="text-center">
                             <div className="d-flex align-items-center avatar-group justify-content-center">
-                              {task.teamMembers.map((member) => (
+                              {task.teamMembers.slice(0, 3).map((member)  => (
                                 <div
                                   key={member.id}
                                   data-bs-toggle="tooltip"
@@ -207,14 +205,27 @@ const DailyTask = () => {
                                   </span>
                                 </div>
                               ))}
+                              {task.teamMembers.length > 3 && (
+                                <div
+                                  className="avatar avatar-xs"
+                                  data-bs-toggle="tooltip"
+                                  data-bs-placement="bottom"
+                                  title={`${task.teamMembers.length - 3} more`}
+                                >
+                                  <span className="avatar-initial rounded-circle bg-label-secondary pull-up">
+                                    +{task.teamMembers.length - 3}
+                                  </span>
+                                </div>
+                              )}
                             </div>
                           </td>
                           <td className="text-center">
                             <div className="d-flex justify-content-center">
                               <button
                                 type="button"
-                                className={`btn btn-xs btn-primary ${task.completedTask > 0 ? "d-none":""}`}
-
+                                className={`btn btn-xs btn-primary ${
+                                  task.completedTask > 0 ? "d-none" : ""
+                                }`}
                                 onClick={() => {
                                   selectTask(task);
                                   openModal();