diff --git a/src/ui/pages/Timesheets/ProjectLogsModal.tsx b/src/ui/pages/Timesheets/ProjectLogsModal.tsx
index 9724311..7144932 100644
--- a/src/ui/pages/Timesheets/ProjectLogsModal.tsx
+++ b/src/ui/pages/Timesheets/ProjectLogsModal.tsx
@@ -95,3 +95,4 @@ const ProjectLogsModal: React.FC<Props> = ({ isOpen, onClose, projectName, logs,
 };
 
 export default ProjectLogsModal;
+
diff --git a/src/ui/pages/Timesheets/Timesheets.tsx b/src/ui/pages/Timesheets/Timesheets.tsx
index 33d9d00..98e893f 100644
--- a/src/ui/pages/Timesheets/Timesheets.tsx
+++ b/src/ui/pages/Timesheets/Timesheets.tsx
@@ -117,6 +117,7 @@ const Timesheets: React.FC = () => {
 
   const handleViewLogs = async (projectID: string, projectName: string) => {
     try {
+      setModalOpen(true);
       setLoading(true);
       setSelectedProject(projectID);
       setSelectedProjectName(projectName);
@@ -132,11 +133,13 @@ const Timesheets: React.FC = () => {
         setLogs([]);
       }
 
-      setModalOpen(true);
+      
     } catch (error) {
       console.error("Error fetching logs:", error);
+      setModalOpen(false)
     } finally {
       setLoading(false);
+      
     }
   };