diff --git a/src/components/contact.jsx b/src/components/contact.jsx
index be29734ed..96f6f4d95 100644
--- a/src/components/contact.jsx
+++ b/src/components/contact.jsx
@@ -32,6 +32,7 @@ export const Contact = (props) => {
         },
         (error) => {
           console.log(error.text);
+          clearState();
         }
       );
   };
@@ -58,6 +59,7 @@ export const Contact = (props) => {
                         name="name"
                         className="form-control"
                         placeholder="Name"
+                        value={name}
                         required
                         onChange={handleChange}
                       />
@@ -72,6 +74,7 @@ export const Contact = (props) => {
                         name="email"
                         className="form-control"
                         placeholder="Email"
+                        value={email}
                         required
                         onChange={handleChange}
                       />
@@ -86,6 +89,7 @@ export const Contact = (props) => {
                     className="form-control"
                     rows="4"
                     placeholder="Message"
+                    value={message}
                     required
                     onChange={handleChange}
                   ></textarea>
diff --git a/yarn.lock b/yarn.lock
index 36c0c6913..f3d33d3a0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4688,11 +4688,6 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@^2.3.2, fsevents@~2.3.2:
-  version "2.3.2"
-  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
-  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-
 function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"