diff --git a/js/apps/admin-ui/src/components/role-mapping/RoleMapping.tsx b/js/apps/admin-ui/src/components/role-mapping/RoleMapping.tsx
index 1c8e548836..4490f0218e 100644
--- a/js/apps/admin-ui/src/components/role-mapping/RoleMapping.tsx
+++ b/js/apps/admin-ui/src/components/role-mapping/RoleMapping.tsx
@@ -144,6 +144,10 @@ export const RoleMapping = ({
     messageKey: t("removeMappingConfirm", { count: selected.length }),
     continueButtonLabel: "remove",
     continueButtonVariant: ButtonVariant.danger,
+    onCancel: () => {
+      setSelected([]);
+      refresh();
+    },
     onConfirm: async () => {
       try {
         await Promise.all(deleteMapping(type, id, selected));