diff --git a/web/src/lib/components/album-page/share-info-modal.svelte b/web/src/lib/components/album-page/share-info-modal.svelte
index b1a66af4b4..8ec942b425 100644
--- a/web/src/lib/components/album-page/share-info-modal.svelte
+++ b/web/src/lib/components/album-page/share-info-modal.svelte
@@ -92,7 +92,11 @@
           <p class="text-sm">Owner</p>
         </div>
       </div>
-      {#each album.albumPermissions as {user, readonly}}
+      {#each album.albumPermissions.toSorted((a, b) => {
+        if (a.readonly && !b.readonly) return 1;
+        if (!a.readonly && b.readonly) return -1;
+        return a.user.name.localeCompare(b.user.name);
+      }) as {user, readonly}}
         <div
           class="flex w-full place-items-center justify-between gap-4 p-5 transition-colors hover:bg-gray-50 dark:hover:bg-gray-700"
         >