diff --git a/src/views/HomePage/CreateMilestoneView.vue b/src/views/HomePage/CreateMilestoneView.vue
index 92f95320756f0196ee09a3f5ccb34e085fc1968e..2369fc1f9579c90e87255aaec893d59b755df9e7 100644
--- a/src/views/HomePage/CreateMilestoneView.vue
+++ b/src/views/HomePage/CreateMilestoneView.vue
@@ -82,14 +82,13 @@ const handleFileChange = (event: any) => {
   }
   reader.readAsDataURL(file)
 }
-const fileInput = ref(null);
+const fileInput = ref<HTMLInputElement | null>(null);
 
 const openFileExplorer = () => {
-  if (fileInput.value) {
+  if (fileInput.value instanceof HTMLInputElement) {
     fileInput.value.click();
   }
 };
-
 </script>
 
 <template>
diff --git a/src/views/HomePage/EditMilestoneView.vue b/src/views/HomePage/EditMilestoneView.vue
index 2189943e2e418b0e0fad04852a32a5bcacd6c67a..5a87f7da9232132439e621063f6a319da9536eef 100644
--- a/src/views/HomePage/EditMilestoneView.vue
+++ b/src/views/HomePage/EditMilestoneView.vue
@@ -105,14 +105,13 @@ const handleFileChange = (event: any) => {
   reader.readAsDataURL(file)
 }
 
-const fileInput = ref(null);
+const fileInput = ref<HTMLInputElement | null>(null);
 
 const openFileExplorer = () => {
-  if (fileInput.value) {
+  if (fileInput.value instanceof HTMLInputElement) {
     fileInput.value.click();
   }
 };
-
 </script>
 
 <template>