diff --git a/web/src/components/overlay/FaceSelectionDialog.tsx b/web/src/components/overlay/FaceSelectionDialog.tsx
index 92207afa3..fbcb02bde 100644
--- a/web/src/components/overlay/FaceSelectionDialog.tsx
+++ b/web/src/components/overlay/FaceSelectionDialog.tsx
@@ -103,7 +103,7 @@ export default function FaceSelectionDialog({
                 <LuPlus />
                 {t("createFaceLibrary.new")}
               </SelectorItem>
-              {faceNames.map((faceName) => (
+              {faceNames.sort().map((faceName) => (
                 <SelectorItem
                   key={faceName}
                   className="flex cursor-pointer gap-2 smart-capitalize"