diff --git a/frontend/components/Domain/Recipe/RecipeOrganizerPage.vue b/frontend/components/Domain/Recipe/RecipeOrganizerPage.vue
index a581d6701714..85796ffcaf32 100644
--- a/frontend/components/Domain/Recipe/RecipeOrganizerPage.vue
+++ b/frontend/components/Domain/Recipe/RecipeOrganizerPage.vue
@@ -84,7 +84,7 @@ export default defineComponent({
 
       if (!props.items) return byLetter;
 
-      props.items.forEach((item) => {
+      props.items.sort((a, b) => a.name.localeCompare(b.name)).forEach((item) => {
         const letter = item.name[0].toUpperCase();
         if (!byLetter[letter]) {
           byLetter[letter] = [];
@@ -92,12 +92,6 @@ export default defineComponent({
         byLetter[letter].push(item);
       });
 
-      for (const key in byLetter) {
-        byLetter[key] = byLetter[key].sort((a, b) => {
-          return a.name.localeCompare(b.name);
-        });
-      }
-
       return byLetter;
     });