diff --git a/dojo/templates/dojo/edit_product.html b/dojo/templates/dojo/edit_product.html
index 0ea8437f51..0aa6f8ad94 100644
--- a/dojo/templates/dojo/edit_product.html
+++ b/dojo/templates/dojo/edit_product.html
@@ -32,6 +32,10 @@ <h4> Github </h4>
     <script type="application/javascript" src="{% static "easymde/dist/easymde.min.js" %}"></script>
     <script type="application/javascript">
         $(function () {
+          $('#id_regulations').select2({
+              placeholder: 'Select applicable regulations',
+              width: '100%'
+          });
           $("textarea").each(function (index, elem) {
               if (elem.hasAttribute("required")) {
                   elem.removeAttribute("required");
diff --git a/dojo/templates/dojo/new_product.html b/dojo/templates/dojo/new_product.html
index 1d7140b829..2c6d017b37 100644
--- a/dojo/templates/dojo/new_product.html
+++ b/dojo/templates/dojo/new_product.html
@@ -32,6 +32,10 @@ <h4> Github </h4>
     <script type="application/javascript" src="{% static "easymde/dist/easymde.min.js" %}"></script>
     <script type="application/javascript">
         $(function () {
+            $('#id_regulations').select2({
+                placeholder: 'Select applicable regulations',
+                width: '100%'
+            });
             $("textarea").each(function (index, elem) {
                 if (elem.hasAttribute("required")) {
                     elem.removeAttribute("required");
diff --git a/dojo/templates_classic/dojo/edit_product.html b/dojo/templates_classic/dojo/edit_product.html
index 569e47b2b7..a0d5ef86fe 100644
--- a/dojo/templates_classic/dojo/edit_product.html
+++ b/dojo/templates_classic/dojo/edit_product.html
@@ -44,6 +44,12 @@ <h4> Github </h4>
     <script type="application/javascript" src="{% static "easymde/dist/easymde.min.js" %}"></script>
     <script type="application/javascript">
         $(function () {
+          // base.html turns every <select> into a bootstrap-select; swap this
+          // one for select2 so multi-selection shows as removable pills
+          $('#id_regulations').selectpicker('destroy').select2({
+              placeholder: 'Select applicable regulations',
+              width: '70%'
+          });
           $("textarea").each(function (index, elem) {
               if (elem.hasAttribute("required")) {
                   elem.removeAttribute("required");
diff --git a/dojo/templates_classic/dojo/new_product.html b/dojo/templates_classic/dojo/new_product.html
index 6eba8e661e..07925c6aac 100644
--- a/dojo/templates_classic/dojo/new_product.html
+++ b/dojo/templates_classic/dojo/new_product.html
@@ -41,6 +41,12 @@ <h4> Github </h4>
     <script type="application/javascript" src="{% static "easymde/dist/easymde.min.js" %}"></script>
     <script type="application/javascript">
         $(function () {
+            // base.html turns every <select> into a bootstrap-select; swap this
+            // one for select2 so multi-selection shows as removable pills
+            $('#id_regulations').selectpicker('destroy').select2({
+                placeholder: 'Select applicable regulations',
+                width: '70%'
+            });
             $("textarea").each(function (index, elem) {
                 if (elem.hasAttribute("required")) {
                     elem.removeAttribute("required");