src/components/Employee/EmpDashboard.jsx

@@ -39,13 +39,19 @@ const EmpDashboard = ({ profile }) => {
                               <i className="icon-base bx bx-buildings icon-lg"></i>
                             </span>
                           </div>
-            <div>
+                          <div className="d-block">
-              <h6 className="mb-0">{project.projectShortName}</h6>
+                            <h6 className="mb-0 d-block">
-              <small className="text-muted">{project.projectName}</small>
+                              {project.projectShortName}
+                            </h6>
+                            <small className="text-muted">
+                              {project.projectName}
+                            </small>
                             <div className="label-secondary">
                               Assigned:{" "}
                               {project.assignedDate ? (
-                  new Date(project.assignedDate).toLocaleDateString()
+                                new Date(
+                                  project.assignedDate
+                                ).toLocaleDateString()
                               ) : (
                                 <em>NA</em>
                               )}
@@ -60,19 +66,22 @@ const EmpDashboard = ({ profile }) => {
                       </div>
 
                       {/* Dates */}
+                      <div className="mt-2 d-flex flex-column flex-sm-row gap-3">
                         {project.removedDate && (
-          <div className="mt-2 d-flex flex-column flex-sm-row justify-content-between">
                           <div className="label-secondary">
                             Unassigned:{" "}
-              {new Date(project.removedDate).toLocaleDateString()}
+                            {project.removedDate ? (
-            </div>
+                              new Date(project.removedDate).toLocaleDateString()
+                            ) : (
+                              <em>NA</em>
+                            )}
                           </div>
                         )}
                       </div>
+                    </div>
                   </li>
                 ))}
-</ul>
+              </ul>
-
             </div>
           </div>
         </div>