diff --git a/web/src/pages/FaceLibrary.tsx b/web/src/pages/FaceLibrary.tsx
index cf3929de9..54040e2ad 100644
--- a/web/src/pages/FaceLibrary.tsx
+++ b/web/src/pages/FaceLibrary.tsx
@@ -87,7 +87,11 @@ export default function FaceLibrary() {
 
   const faces = useMemo<string[]>(
     () =>
-      faceData ? Object.keys(faceData).filter((face) => face != "train") : [],
+      faceData
+        ? Object.keys(faceData)
+            .filter((face) => face != "train")
+            .sort()
+        : [],
     [faceData],
   );
   const faceImages = useMemo<string[]>(