diff --git a/apps/core/static/js/admin/select2ForRoles.js b/apps/core/static/js/admin/select2ForRoles.js
new file mode 100644
index 000000000..8b084b68b
--- /dev/null
+++ b/apps/core/static/js/admin/select2ForRoles.js
@@ -0,0 +1,4 @@
+jQuery(window).on("load", function () {
+    $selectRoleBoxes = $("[id$=roles]");
+    $selectRoleBoxes.each(function() {$(this).select2();})
+})
diff --git a/templates/admin/content_pages/change_form.html b/templates/admin/content_pages/change_form.html
new file mode 100644
index 000000000..2a466e5ce
--- /dev/null
+++ b/templates/admin/content_pages/change_form.html
@@ -0,0 +1,5 @@
+{% extends "admin/change_form.html" %}
+{% load static %}
+{% block admin_change_form_document_ready %}{{ block.super }}
+  <script type="text/javascript" src="{% static 'js/admin/select2ForRoles.js' %}"></script>
+{% endblock %}