diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.groups/public/js/listing.js b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.groups/public/js/listing.js
index 1fc2eec829..716d6f6917 100644
--- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.groups/public/js/listing.js
+++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.groups/public/js/listing.js
@@ -402,17 +402,16 @@ function attachEvents() {
 
         var shareGroupNewRoleFromSelectionLink = $("a#share-group-new-role-from-selection");
         shareGroupNewRoleFromSelectionLink.click(function () {
-            var roles = [];
-            $('.modal .roleCheckBoxes').each(
-                function () {
-                    if ($(this).is(':checked')) {
-                        roles.push($(this).data('role-name'));
-                    }
-                }
-            );
-            addNewRole(roles);
-            // $(modalPopupContent).html($('#share-group-w3-modal-content').html());
-            // createNewRole(roles);
+            var roles = $("#roles").val();
+            if (roles && roles.length >= 2) {
+                addNewRole(roles);
+            } else {
+                var errorMsgWrapper = "#notification-error-msg";
+                var errorMsg = "#notification-error-msg span";
+                $(errorMsg).text("To create a new role with the combination of roles, at least two roles should be" +
+                    " selected.");
+                $(errorMsgWrapper).removeClass("hidden");
+            }
         });
     });
 
@@ -534,8 +533,8 @@ function listAllRoles(groupId) {
                 html += '</select>';
                 $("#rolesListing").html(html);
                 markAlreadySavedUsersRoles(groupId);
-                $("select.select2[multiple=multiple]").select2({
-                    tags: false
+                $("select.select2[multiple=multiple]").select2({tags: false}).on("select2:select", function () {
+                    $("#notification-error-msg").addClass("hidden");
                 });
             } else {
                 $("#rolesListing").html("No roles available");