diff --git a/frontend/src/lib/components/Orgs/ChangeOrgMemberRoleModal.svelte b/frontend/src/lib/components/Orgs/ChangeOrgMemberRoleModal.svelte
new file mode 100644
index 000000000..a9ea8465e
--- /dev/null
+++ b/frontend/src/lib/components/Orgs/ChangeOrgMemberRoleModal.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+  import { FormModal, type FormModalResult } from '$lib/components/modals';
+  import { OrgRoleSelect, tryParse } from '$lib/forms';
+  import { OrgRole } from '$lib/gql/types';
+  import { _changeOrgMemberRole } from './mutations';
+  import t from '$lib/i18n';
+  import { z } from 'zod';
+
+  export let orgId: string;
+
+  $: schema = z.object({
+    role: z.enum([OrgRole.User, OrgRole.Admin])
+  });
+  type Schema = typeof schema;
+  let formModal: FormModal<Schema>;
+  $: form = formModal?.form();
+
+  let name: string;
+
+  export async function open(member: { userId: string; name: string; role: OrgRole }): Promise<FormModalResult<Schema>> {
+    name = member.name;
+    return await formModal.open(tryParse(schema, member), async () => {
+      const result = await _changeOrgMemberRole(
+        orgId,
+        member.userId,
+        $form.role,
+      );
+      return result.error?.message;
+    });
+  }
+</script>
+
+<FormModal bind:this={formModal} {schema} let:errors>
+  <span slot="title">{$t('org_page.change_role_modal.title', { name })}</span>
+  <OrgRoleSelect verbose bind:value={$form.role} error={errors.role} />
+  <span slot="submitText">{$t('org_page.change_role_modal.button_label')}</span>
+</FormModal>