diff --git a/client/src/components/Upload/Initial/index.jsx b/client/src/components/Upload/Initial/index.jsx
index 107b0e5..a446589 100644
--- a/client/src/components/Upload/Initial/index.jsx
+++ b/client/src/components/Upload/Initial/index.jsx
@@ -26,7 +26,9 @@ export default function Initial({ onError, onUpload, templateId }) {
 
   const [invalidFileExtension, setInvalidFileExtension] = React.useState(false);
 
+  const [isDisabledDownload, disableDownload] = React.useState(false);
   const downloadTemplate = async () => {
+    disableDownload(true);
     const url = `${config.API_PREFIX}/templates/${templateId}`;
     try {
       const { data } = await apiClient.get(url);
@@ -34,6 +36,7 @@ export default function Initial({ onError, onUpload, templateId }) {
     } catch (error) {
       if (onError) onError(error);
     }
+    disableDownload(false);
   };
 
   const upload = (files) => {
@@ -96,7 +99,7 @@ export default function Initial({ onError, onUpload, templateId }) {
             </span>
           </div>
           <div className={style.label2}>Supports XLS, XLSX or CSV file</div>
-          <div className={style.label3} onClick={downloadTemplate}>
+          <div className={style.label3} onClick={downloadTemplate} disabled={isDisabledDownload}>
             Download Import Template (.XLSX)
           </div>
         </>
diff --git a/client/src/components/Upload/Initial/style.module.scss b/client/src/components/Upload/Initial/style.module.scss
index 226e565..d077562 100644
--- a/client/src/components/Upload/Initial/style.module.scss
+++ b/client/src/components/Upload/Initial/style.module.scss
@@ -53,6 +53,12 @@
   text-underline-position: under;
 }
 
+.label3[disabled]
+{
+  pointer-events: none;
+  opacity: 0.7;
+}
+
 .message {
   position: absolute;
   top: 0;