diff --git a/app/views/layouts/_modal.html.erb b/app/views/layouts/_modal.html.erb
index dff8524..347621d 100644
--- a/app/views/layouts/_modal.html.erb
+++ b/app/views/layouts/_modal.html.erb
@@ -2,7 +2,7 @@
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal">×</button>
+        <button id="modal_close_<%= id %>" type="button" class="close" data-dismiss="modal">×</button>
         <%= content_for id.to_sym%>
       </div>
       <div class="modal-body">
diff --git a/app/views/user_phenotypes/_new.html.erb b/app/views/user_phenotypes/_new.html.erb
index 7e87425..369766f 100644
--- a/app/views/user_phenotypes/_new.html.erb
+++ b/app/views/user_phenotypes/_new.html.erb
@@ -25,6 +25,15 @@ $(document).ready(function() {
             $("label[for=user_phenotype_variation]").hide();
             });
 });
+
+// show the input-box when closing the modal
+$('#<%=id%>').on('hidden.bs.modal', function (e) {
+          $('<%="#phenotype_field"+phenotype.id.to_s%>').show();
+          $("label[for=user_phenotype_variation]").show();
+          $("#<%=id%>").find("input:radio").prop("checked", false).end()
+           .buttonset("refresh");
+});
+
 // Autocomplete for variations in the input-box
 $(function () {
     $('<%="#phenotype_field"+phenotype.id.to_s%>').autocomplete({