diff --git a/templates/jperm/perm_role_add.html b/templates/jperm/perm_role_add.html
index d62ab05b64ec4dcb92cb7a54b898fe1bfa018702..8579b653439fbe17a91c64a17dc0716996b44e01 100644
--- a/templates/jperm/perm_role_add.html
+++ b/templates/jperm/perm_role_add.html
@@ -115,7 +115,7 @@ $('#roleForm').validator({
     valid: function(form) {
             form.submit();
         }
-})
+});
 
 var config = {
                 '.chosen-select'           : {},
diff --git a/templates/jperm/perm_role_edit.html b/templates/jperm/perm_role_edit.html
index bd775a5a114ddff9c7e2de5584e267052e52665f..7082444e4cdfb02aba61e3f8ba226e4c4a24c7b3 100644
--- a/templates/jperm/perm_role_edit.html
+++ b/templates/jperm/perm_role_edit.html
@@ -108,7 +108,19 @@ $('#roleForm').validator({
     valid: function(form) {
             form.submit();
         }
-})
+});
+
+var config = {
+                '.chosen-select'           : {},
+                '.chosen-select-deselect'  : {allow_single_deselect:true},
+                '.chosen-select-no-single' : {disable_search_threshold:10},
+                '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
+                '.chosen-select-width'     : {width:"95%"}
+            };
+
+for (var selector in config) {
+   $(selector).chosen(config[selector]);
+}
 
 </script>
     <script src="/static/js/cropper/cropper.min.js"></script>