diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index d2c6ffe28..e922b9413 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -48,7 +48,9 @@ const IndexPage = () => {
     }
   `);
 
-  const rawChains = rawData.allChain.nodes;
+  const rawChains = rawData.allChain.nodes.sort(
+    (a, b) => a.chainId - b.chainId
+  );
   const icons = rawData.allImageSharp.nodes.reduce((acc, node) => {
     acc[node.parent.name] = node.gatsbyImageData;
     return acc;