Fixed button position

src/components/MarketPlace/PopUp/MarketPopUp.jsx

@@ -52,8 +52,8 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
       } catch (error) {
         throw new Error(error);
       } finally {
+        setTextValue("");
         setTimeout(() => {
-          setTextValue("");
           setMarketMsg({ loading: false, state: false });
         }, 5000);
       }
@@ -195,15 +195,17 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
                   If you have any questions about this task:
                 </label>
                 <textarea
-                  className={`p-1 w-full text-sm text-slate-900 dark:text-white bg-transparent outline-none border-2 border-slate-300 rounded-md`}
+                  className={`p-1 w-full text-sm text-slate-900 dark:text-white ${
+                    marketMsg.loading && "italic #9CA3AF"
+                  } bg-transparent outline-none border-2 border-slate-300 rounded-md`}
                   rows="3"
                   style={{ resize: "none" }}
                   placeholder="Enter message here ..."
-                  value={textValue}
+                  value={marketMsg.loading ? "Sending..." : textValue}
                   onChange={handleInputChange}
                 />
               </div>
-              <div className="relative flex w-full justify-end">
+              <div className="relative flex w-full justify-end mt-0 sm:mt-[1.4rem]">
                 <span className="text-sm text-[#57cd89] absolute left-[8rem] top-4">
                   {marketMsg.state && "Message Sent!"}
                 </span>