diff --git a/src/components/Element/DetailsPanel.vue b/src/components/Element/DetailsPanel.vue
index 5f5ed288cbba5525f07545cc41c0824faf5797be..f090cce8aad9aa6cf5b4a1216dba0710a1d6f70e 100644
--- a/src/components/Element/DetailsPanel.vue
+++ b/src/components/Element/DetailsPanel.vue
@@ -11,7 +11,7 @@
         <DropdownContent id="classifications" title="Classifications">
           <Classifications v-if="element.classifications" :element="element" />
           <form v-on:submit.prevent="createClassification">
-            <div v-if="canWriteElement(elementId) && hasMlClasses" class="field has-addons">
+            <div v-if="canWriteElement(elementId) && hasMlClasses" class="field">
               <p class="control is-expanded">
                 <MLClassSelect
                   ref="newClassificationSelect"
@@ -24,16 +24,6 @@
                   :corpus-id="corpusId"
                 />
               </p>
-              <p class="control">
-                <button
-                  type="submit"
-                  class="button is-primary"
-                  :class="{ 'is-loading': isSavingNewClassification }"
-                  :disabled="!canCreateClassification || null"
-                >
-                  <i class="icon-plus"></i>
-                </button>
-              </p>
             </div>
             <p class="help is-danger" v-if="manualClassificationExists">A manual classification for this ML class already exists.</p>
           </form>
@@ -192,6 +182,9 @@ export default {
          */
         if (!this.element || this.element.id !== id || !this.element.rights || !this.element.classifications) this.$store.dispatch('elements/get', { id })
       }
+    },
+    selectedNewClassification () {
+      this.createClassification()
     }
   }
 }