diff --git a/src/pages/Activities/AttendancePage.jsx b/src/pages/Activities/AttendancePage.jsx
index 65917c3f..d6a3463b 100644
--- a/src/pages/Activities/AttendancePage.jsx
+++ b/src/pages/Activities/AttendancePage.jsx
@@ -27,7 +27,7 @@ const AttendancePage = () => {
   const [ShowPending, setShowPending] = useState(false);
   const queryClient = useQueryClient();
   const loginUser = getCachedProfileData();
-  var selectedProject = useSelector((store) => store.localVariables.projectId);
+  const selectedProject = useSelector((store) => store.localVariables.projectId);
   const dispatch = useDispatch();
 
   const [attendances, setAttendances] = useState();
@@ -155,28 +155,32 @@ const AttendancePage = () => {
               </button>
             </li>
           </ul>
-          <div className="tab-content attedanceTabs py-0 px-1 px-sm-3" >
-            {activeTab === "all" && (
-                  <div className="tab-pane fade show active py-0">
-                    <Attendance
-                      handleModalData={handleModalData}
-                      getRole={getRole}
-                    />
-                  </div>
-            )}
-            {activeTab === "logs" && (
-              <div className="tab-pane fade show active py-0">
-                <AttendanceLog
-                  handleModalData={handleModalData}
-                />
-              </div>
-            )}
-            {activeTab === "regularization" && DoRegularized && (
-              <div className="tab-pane fade show active py-0">
-                <Regularization />
-              </div>
-            )}
-          </div>
+          <div className="tab-content attedanceTabs py-0 px-1 px-sm-3">
+  {selectedProject ? (
+    <>
+      {activeTab === "all" && (
+        <div className="tab-pane fade show active py-0">
+          <Attendance handleModalData={handleModalData} getRole={getRole} />
+        </div>
+      )}
+      {activeTab === "logs" && (
+        <div className="tab-pane fade show active py-0">
+          <AttendanceLog handleModalData={handleModalData} />
+        </div>
+      )}
+      {activeTab === "regularization" && DoRegularized && (
+        <div className="tab-pane fade show active py-0">
+          <Regularization />
+        </div>
+      )}
+    </>
+  ) : (
+   <div className="py-2">
+     <small className="py-2">Please Select Project!</small>
+   </div>
+  )}
+</div>
+
         </div>
       </div>
     </>