diff --git a/client-nuxt/components/AddExperimentForm.vue b/client-nuxt/components/AddExperimentForm.vue
index 746e697f90a451150fe912aaca9513b36574b928..4e225a03c82bbac500565493ccb1faa50b0bde7a 100644
--- a/client-nuxt/components/AddExperimentForm.vue
+++ b/client-nuxt/components/AddExperimentForm.vue
@@ -150,6 +150,7 @@
           <error-alert v-if="error" :error-message="error"></error-alert
         ></v-card-text>
         <v-card-actions>
+          <v-btn color="error" @click="clearExperimentForm">clear</v-btn>
           <!-- :disabled="invalid || !validated" -->
           <v-btn type="submit" color="primary" class="mr-4" :disabled="invalid"
             >submit</v-btn
@@ -305,8 +306,16 @@ export default {
     }
   },
   methods: {
-    disabled(invalid, validated) {
-      return invalid || !validated
+    clearExperimentForm() {
+      this.clearExperiment(this.projectId)
+      const {
+        experiment: { name, description, file },
+        experimentMetadata,
+      } = this.$store.getters.getExperimentToAdd(this.projectId)
+      this.computedExperimentName = name
+      this.computedExperimentDescription = description
+      this.computedExperimentFile = file
+      this.computedPhenotypeCategory = experimentMetadata
     },
     submit() {
       console.log('try to submit')