diff --git a/web/src/components/associations/AssociationList.tsx b/web/src/components/associations/AssociationList.tsx
index 69cb71f..ae88f52 100644
--- a/web/src/components/associations/AssociationList.tsx
+++ b/web/src/components/associations/AssociationList.tsx
@@ -15,10 +15,12 @@ export const AssociationList = ({
       {heading && (
         <SectionHeader heading={heading} />
       )}
-      <ul className={styles.associationList}>
-        {associations.map((association) => (
-          <AssociationItem key={association.id} association={association} />
-        ))}
+        <ul className={styles.associationList}>
+        {[...associations]
+          .sort((a, b) => a.title.localeCompare(b.title))
+          .map((association) => (
+            <AssociationItem key={association.id} association={association} />
+          ))}
       </ul>
     </section>
   );