diff --git a/packages/web/src/pages/Authentication/RoleMappings.jsx b/packages/web/src/pages/Authentication/RoleMappings.jsx
index 7a46c35a..9bfff4db 100644
--- a/packages/web/src/pages/Authentication/RoleMappings.jsx
+++ b/packages/web/src/pages/Authentication/RoleMappings.jsx
@@ -56,6 +56,19 @@ function RoleMappings({ provider, providerLoading }) {
         });
       }
     } catch (error) {
+      const errors = Object.values(
+        error.response.data.errors || [['Failed while saving!']],
+      );
+
+      for (const [error] of errors) {
+        enqueueSnackbar(error, {
+          variant: 'error',
+          SnackbarProps: {
+            'data-test': 'snackbar-update-role-mappings-error',
+          },
+        });
+      }
+
       throw new Error('Failed while saving!');
     }
   };
diff --git a/packages/web/src/pages/Authentication/RoleMappingsFieldsArray.jsx b/packages/web/src/pages/Authentication/RoleMappingsFieldsArray.jsx
index be6c08fc..8910bd0b 100644
--- a/packages/web/src/pages/Authentication/RoleMappingsFieldsArray.jsx
+++ b/packages/web/src/pages/Authentication/RoleMappingsFieldsArray.jsx
@@ -66,10 +66,10 @@ function RoleMappingsFieldArray() {
                   <MuiTextField
                     {...params}
                     label={formatMessage('roleMappingsForm.role')}
+                    required
                   />
                 )}
                 loading={isRolesLoading}
-                required
               />
             </Stack>
             <IconButton