diff --git a/docs/documentation/server_admin/images/client-credentials.png b/docs/documentation/server_admin/images/client-credentials.png
index 293270c6b82..bb78e2c267d 100644
Binary files a/docs/documentation/server_admin/images/client-credentials.png and b/docs/documentation/server_admin/images/client-credentials.png differ
diff --git a/js/apps/admin-ui/src/clients/credentials/Credentials.tsx b/js/apps/admin-ui/src/clients/credentials/Credentials.tsx
index dd2e45ed0df..bad84cda9b3 100644
--- a/js/apps/admin-ui/src/clients/credentials/Credentials.tsx
+++ b/js/apps/admin-ui/src/clients/credentials/Credentials.tsx
@@ -60,6 +60,7 @@ export const Credentials = ({ client, save, refresh }: CredentialsProps) => {
     control,
     formState: { isDirty },
     handleSubmit,
+    reset,
   } = useFormContext<FormFields>();
 
   const clientAuthenticatorType = useWatch({
@@ -222,6 +223,9 @@ export const Credentials = ({ client, save, refresh }: CredentialsProps) => {
               <Button variant="primary" type="submit" isDisabled={!isDirty}>
                 {t("save")}
               </Button>
+              <Button variant="link" onClick={() => reset()}>
+                {t("revert")}
+              </Button>
             </ActionGroup>
           </CardBody>
         </Card>