diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.roles/public/templates/role-listing.hbs b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.roles/public/templates/role-listing.hbs
index 3234197ca91..c3e5541c187 100644
--- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.roles/public/templates/role-listing.hbs
+++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.roles/public/templates/role-listing.hbs
@@ -5,13 +5,14 @@
                 <i class="square-element text fw fw-user"></i>
             </div>
         </td>
-        <td class="fade-edge remove-padding-top" >{{roleName}}</td>
+        <td class="fade-edge remove-padding-top">{{roleName}}</td>
         <td class="text-right content-fill text-left-on-grid-view no-wrap">
 
             {{#unequal adminRole roleName }}
-            {{#if canEdit}}
-                <a onclick="javascript:loadRoleBasedActionURL('edit', '{{roleName}}')" data-role="{{roleName}}" data-click-event="edit-form"
-                   class="btn padding-reduce-on-grid-view edit-role-link">
+                {{#if canEdit}}
+                    <a onclick="javascript:loadRoleBasedActionURL('edit', '{{roleName}}')" data-role="{{roleName}}"
+                       data-click-event="edit-form"
+                       class="btn padding-reduce-on-grid-view edit-role-link" title="Edit Role">
                                 <span class="fw-stack fw-lg">
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                    <i class="fw fw-user fw-stack-1x"></i>
@@ -21,10 +22,12 @@
                                       <i class="fw fw-edit fw-stack-1x fw-inverse"></i>
                                    </span>
                                 </span>
-                    <span class="hidden-xs hidden-on-grid-view">Edit</span>
-                </a>
-                <a onclick="javascript:loadRoleBasedActionURL('edit-permission', '{{roleName}}')" data-role="{{roleName}}"
-                   data-click-event="edit-form" class="btn padding-reduce-on-grid-view edit-permission-link">
+                        <span class="hidden-xs hidden-on-grid-view">Edit</span>
+                    </a>
+                    <a onclick="javascript:loadRoleBasedActionURL('edit-permission', '{{roleName}}')"
+                       data-role="{{roleName}}"
+                       data-click-event="edit-form" class="btn padding-reduce-on-grid-view edit-permission-link"
+                       title="Edit Role Permissions">
                                 <span class="fw-stack fw-lg">
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                    <i class="fw fw-security-policy fw-stack-1x"></i>
@@ -34,18 +37,19 @@
                                       <i class="fw fw-edit fw-stack-1x fw-inverse"></i>
                                    </span>
                                 </span>
-                    <span class="hidden-xs hidden-on-grid-view">Edit Permission</span>
-                </a>
-            {{/if}}
-            {{#if canRemove}}
-                <a data-role="{{roleName}}" data-click-event="remove-form" class="btn padding-reduce-on-grid-view remove-role-link">
+                        <span class="hidden-xs hidden-on-grid-view">Edit Permission</span>
+                    </a>
+                {{/if}}
+                {{#if canRemove}}
+                    <a data-role="{{roleName}}" data-click-event="remove-form"
+                       class="btn padding-reduce-on-grid-view remove-role-link" title="Remove Role">
                             <span class="fw-stack">
                                 <i class="fw fw-ring fw-stack-2x"></i>
                                 <i class="fw fw-delete fw-stack-1x"></i>
                             </span>
-                    <span class="hidden-xs hidden-on-grid-view">Remove</span>
-                </a>
-            {{/if}}
+                        <span class="hidden-xs hidden-on-grid-view">Remove</span>
+                    </a>
+                {{/if}}
             {{/unequal}}
         </td>
     </tr>
diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.header.user-menu/public/js/user-menu.js b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.header.user-menu/public/js/user-menu.js
index f5e03d86c8f..93c8a17d24c 100644
--- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.header.user-menu/public/js/user-menu.js
+++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.header.user-menu/public/js/user-menu.js
@@ -31,8 +31,8 @@ function inputIsValid(regExp, inputString) {
 /*
  * Fix for the modal popup overlay disappear bug
  */
-$('.modal').on('hidden.bs.modal',function(){
-    if($('.modal-backdrop').length == 2){
+$('.modal').on('hidden.bs.modal', function () {
+    if ($('.modal-backdrop').length == 2) {
         $('.modal-backdrop')[0].remove()
     }
 });
@@ -92,7 +92,8 @@ $(document).ready(function () {
                             $(errorMsg).text("Your current password does not match with the provided value.");
                             $(errorMsgWrapper).removeClass("hidden");
                         } else {
-                            $(errorMsg).text("An unexpected error occurred. Please try again later.");
+                            var response = JSON.parse(jqXHR.responseText).message;
+                            $(errorMsg).text(response);
                             $(errorMsgWrapper).removeClass("hidden");
                         }
                     }