diff --git a/src/components/common/PeriodDateInput.tsx b/src/components/common/PeriodDateInput.tsx
index 64daaba2..67b67d90 100644
--- a/src/components/common/PeriodDateInput.tsx
+++ b/src/components/common/PeriodDateInput.tsx
@@ -80,7 +80,8 @@ export default function PeriodDateInput({
         <input
           id={endDateId}
           type="date"
-          className={`${hasDeadline ? '' : '!bg-disable'}`}
+          className={`${hasDeadline ? '' : '!bg-disable outline-none'}`}
+          readOnly={!hasDeadline}
           {...register(endDateFieldName, {
             ...TASK_VALIDATION_RULES.END_DATE(hasDeadline, limitStartDate, limitEndDate, watch(startDateFieldName)),
             onChange: (e) => {
diff --git a/src/components/modal/task/DetailModalTask.tsx b/src/components/modal/task/DetailModalTask.tsx
index 16d7dc28..afcbc880 100644
--- a/src/components/modal/task/DetailModalTask.tsx
+++ b/src/components/modal/task/DetailModalTask.tsx
@@ -48,7 +48,10 @@ export default function DetailModalTask({
   };
 
   // ToDo: 유저 권한 확인하는 로직 추가할 것
-  const handleDeleteClick = (taskId: Task['taskId']) => deleteTaskMutate(taskId);
+  const handleDeleteClick = (taskId: Task['taskId']) => {
+    deleteTaskMutate(taskId);
+    handleClose();
+  };
 
   const handleDownloadClick = async (originName: string, uploadName: string) => {
     const response = await fetchData(projectId, taskId, uploadName);