diff --git a/includes/admin/assets/css/um-admin-forms.css b/includes/admin/assets/css/um-admin-forms.css
index 78ff1e17..21c722de 100644
--- a/includes/admin/assets/css/um-admin-forms.css
+++ b/includes/admin/assets/css/um-admin-forms.css
@@ -64,10 +64,17 @@ textarea.um-forms-field.um-small-field {
     margin: 5px 0 0 0;
 }
 
+.um-multi-selects-option-line .um-field-icon {
+    float: left;
+    width: 30px;
+    text-align: center;
+    line-height: 30px;
+}
+
 .um-multi-text-option-line .um-field-wrapper,
 .um-multi-selects-option-line .um-field-wrapper {
     float:left;
-    width: calc( 100% - 60px );
+    width: calc( 100% - 90px );
     line-height: 30px;
     box-sizing: border-box;
 }
diff --git a/includes/admin/assets/js/um-admin-forms.js b/includes/admin/assets/js/um-admin-forms.js
index 4fce67c6..05111b2f 100644
--- a/includes/admin/assets/js/um-admin-forms.js
+++ b/includes/admin/assets/js/um-admin-forms.js
@@ -1,4 +1,16 @@
 jQuery(document).ready( function() {
+
+
+	/**
+	 * Multi-selects sort
+	 */
+	jQuery('.um-multi-selects-list').sortable({
+		items: '.um-admin-drag-fld',
+		connectWith: '.um-admin-drag-col,.um-admin-drag-group',
+		forcePlaceholderSize:true
+	});
+
+
 	/**
 	 * Multi-selects field
 	 */
@@ -26,13 +38,14 @@ jQuery(document).ready( function() {
 		var selector_html = jQuery( '<div>' ).append( list.siblings('.um-hidden-multi-selects').clone() ).html();
 
 		list.append(
-			'<li class="um-multi-selects-option-line"><span class="um-field-wrapper">' + selector_html +
+			'<li class="um-multi-selects-option-line um-admin-drag-fld">' +
+			'<span class="um-field-icon"><i class="um-faicon-sort"></i></span>' +
+			'<span class="um-field-wrapper">' + selector_html +
 			'</span><span class="um-field-control"><a href="javascript:void(0);" class="um-select-delete">' + wp.i18n.__( 'Remove', 'ultimate-member' ) + '</a></span></li>'
 		);
 
 		list.find('li:last .um-hidden-multi-selects').attr('name', jQuery(this).data('name') ).
 		addClass('um-forms-field um-long-field').removeClass('um-hidden-multi-selects').attr('id', list.data('id_attr') + '-' + k);
-
 	});
 
 	var um_local_date = new Date();
diff --git a/includes/admin/core/class-admin-forms.php b/includes/admin/core/class-admin-forms.php
index 4be6365a..e4d3ed91 100644
--- a/includes/admin/core/class-admin-forms.php
+++ b/includes/admin/core/class-admin-forms.php
@@ -878,6 +878,7 @@ if ( ! class_exists( 'um\admin\core\Admin_Forms' ) ) {
 			$html = "<select class=\"um-hidden-multi-selects\" $data_attr>$options</select>";
 			$html .= "<ul class=\"um-multi-selects-list\" $data_attr>";
 
+			ksort($values);
 			if ( ! empty( $values ) && is_array( $values ) ) {
 				foreach ( $values as $k => $value ) {
 
@@ -892,7 +893,9 @@ if ( ! class_exists( 'um\admin\core\Admin_Forms' ) ) {
 						$options .= '<option value="' . $key . '" ' . selected( $key == $value, true, false ) . '>' . $option . '</option>';
 					}
 
-					$html .= "<li class=\"um-multi-selects-option-line\"><span class=\"um-field-wrapper\">
+					$html .= "<li class=\"um-multi-selects-option-line um-admin-drag-fld\">
+						<span class=\"um-field-icon\"><i class=\"um-faicon-sort\"></i></span>
+						<span class=\"um-field-wrapper\">
 						<select $id_attr $name_attr $class_attr $data_attr>$options</select></span>
 						<span class=\"um-field-control\"><a href=\"javascript:void(0);\" class=\"um-select-delete\">" . __( 'Remove', 'ultimate-member' ) . "</a></span></li>";
 				}