diff --git a/src/Components/Document/DocEditPage.js b/src/Components/Document/DocEditPage.js
index 48214ed..514fae3 100644
--- a/src/Components/Document/DocEditPage.js
+++ b/src/Components/Document/DocEditPage.js
@@ -43,7 +43,7 @@ const DocEditPage = () => {
     parseInt(responseGenerations)
   );
   const [index, setIndex] = useState(0);
-
+  const [isBusy, setIsBusy] = useState(false);
   // For document generation:
 
   const state = group.state[0] ? group.state[0].code : "ny";
@@ -58,9 +58,7 @@ const DocEditPage = () => {
     process.env.NODE_ENV === "development"
       ? process.env.REACT_APP_API_DEV
       : process.env.REACT_APP_API_PROD;
-  console.log("process.env.NODE_ENV ", process.env.NODE_ENV);
-  console.log("process.env.REACT_APP_API_PROD", process.env.REACT_APP_API_PROD);
-  console.log("apiUrl", apiUrl);
+
   const displayCopy =
     state === "ny"
       ? docEditCopy.NewYork
@@ -357,11 +355,15 @@ const DocEditPage = () => {
   }
 
   async function createAndReturnDocx() {
+    setIsBusy(true);
     const response = await handleCreateDocx();
     if (response.status === 200) {
       setTimeout(getDocx, 5000);
       setTimeout(cleanUpDocx, 10000);
+    } else {
+      // handle error
     }
+    setIsBusy(false);
   }
 
   async function cleanUpDocx() {
@@ -700,6 +702,8 @@ const DocEditPage = () => {
 
   return isLoading ? (
     <LoadingSpinner message={messages[0]} />
+  ) : isBusy ? (
+    <LoadingSpinner message={"Downloading .docx"} loaderType="MoonLoader" />
   ) : readyToEdit ? (
     editingContent()
   ) : (