diff --git a/app/javascript/controllers/form_controller.js b/app/javascript/controllers/form_controller.js
index eaf246fea..4e59f6055 100644
--- a/app/javascript/controllers/form_controller.js
+++ b/app/javascript/controllers/form_controller.js
@@ -25,6 +25,10 @@ export default class extends Controller {
     this.submit()
   }
 
+  reset() {
+    this.element.reset()
+  }
+
   cancel() {
     this.cancelTarget?.click()
   }
diff --git a/app/views/collections/show/menu/_columns.html.erb b/app/views/collections/show/menu/_columns.html.erb
index 44f33b0ae..357ecf60c 100644
--- a/app/views/collections/show/menu/_columns.html.erb
+++ b/app/views/collections/show/menu/_columns.html.erb
@@ -3,8 +3,8 @@
     <%= icon_tag "add", class: "translucent", "aria-hidden": true %>
   </button>
   <dialog class="popup panel flex-column gap fill-white shadow txt-small margin-block-double" data-dialog-target="dialog">
-    <%= form_with model: [ collection, Column.new ], data: { action: "turbo:submit-end->dialog#close" } do |form| %>
-      <%= form.text_field :name, class: "input", placeholder: "Column name", required: true %>
+    <%= form_with model: [ collection, Column.new ], data: { controller: "form", action: "turbo:submit-end->dialog#close turbo:submit-end->form#reset" } do |form| %>
+      <%= form.text_field :name, class: "input", placeholder: "Column name", required: true, autocomplete: "off" %>
       <%= form.submit "Add a column", class: "btn btn--link" %>
     <% end %>
   </dialog>