diff --git a/pages/workspace.tsx b/pages/workspace.tsx
index 1dad71d..6d1fa6a 100644
--- a/pages/workspace.tsx
+++ b/pages/workspace.tsx
@@ -416,6 +416,10 @@ const Home = ({ users, goals, notes, setLoading }: Props) => {
   const showNote = () => {
     setShowModal(true);
   };
+  const handlemodalfunction = () =>{
+    console.log("log",showPromptModal)
+    setShowPromptModal(!showPromptModal)
+  }
 
   // const notes = [1,2,2,3,3,3,3,3,3,3,3,3]
 
@@ -493,7 +497,7 @@ const Home = ({ users, goals, notes, setLoading }: Props) => {
                   efficiency and productivity.
                 </div>
                 <button
-                  onClick={() => setShowPromptModal(true)}
+                  onClick={() => {handlemodalfunction()}}
                   className="cursor-pointer border-gray-500 bg-[#363636] from-gray-300 w-10/12 flex flex-col justify-start relative h-12 shrink-0 items-center py-3 border rounded"
                 >
                   <h1 className="rounded-xl cursor-pointer whitespace-nowrap text-[15px] font-sans text-[#dddddd] relative mx-24">
@@ -667,7 +671,7 @@ const Home = ({ users, goals, notes, setLoading }: Props) => {
               // color="black"
               className="md:h-[60vh] w-fit md:w-full !bg-[#101010] p-3"
               width="80%"
-              // onClose={setShowPromptModal}
+              onClose={()=>{handlemodalfunction()}}
             >
               <div className="flex w-full h-full  p-10  mt-[-10vw] rounded-xl bg-[#101010] flex-col ">
                 <div className="flex flex-col  items-center justify-center">
@@ -807,7 +811,7 @@ const Home = ({ users, goals, notes, setLoading }: Props) => {
                     <div className="p-2 flex flex-row  w-[30vw] justify-center items-center">
                       <div className="flex flex-row gap-x-4 items-center justify-center">
                         <button
-                          onClick={() => setShowPromptModal(false)}
+                          onClick={() => {handlemodalfunction()}}
                           className="py-2 px-4  my-2  bg-[#101010] text-neutral-500 text-xs rounded-3xl font-poppins md:text-[0.9vw]"
                         >
                           Cancel
@@ -877,7 +881,7 @@ const Home = ({ users, goals, notes, setLoading }: Props) => {
                       </button>
                     ) : (
                       <button
-                        onClick={() => setShowPromptModal(false)}
+                        onClick={() => {handlemodalfunction()}}
                         className="py-2 px-4 my-2 bg-white text-black rounded-3xl font-poppins text-[0.9vw]"
                       >
                         Cancel
diff --git a/styles/nprogress.css b/styles/nprogress.css
index d53edb7..d5c26a8 100644
--- a/styles/nprogress.css
+++ b/styles/nprogress.css
@@ -4,7 +4,7 @@
 }
 
 #nprogress .bar {
-  background: #29d;
+  background: rgb(139, 141, 142);
 
   position: fixed;
   z-index: 1031;
@@ -22,7 +22,7 @@
   right: 0px;
   width: 100px;
   height: 100%;
-  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
+  box-shadow: 0 0 10px rgb(139, 141, 142), 0 0 5px rgb(139, 141, 142);
   opacity: 1.0;
 
   -webkit-transform: rotate(3deg) translate(0px, -4px);
@@ -47,8 +47,8 @@
   box-sizing: border-box;
 
   border: solid 2px transparent;
-  border-top-color: #29d;
-  border-left-color: #29d;
+  border-top-color: rgb(139, 141, 142);
+  border-left-color: rgb(139, 141, 142);
   border-radius: 50%;
 
   -webkit-animation: nprogress-spinner 400ms linear infinite;