diff --git a/docs/bridge/src/components/Routes.tsx b/docs/bridge/src/components/Routes.tsx
index 55c5edb3e2..36e035fe3d 100644
--- a/docs/bridge/src/components/Routes.tsx
+++ b/docs/bridge/src/components/Routes.tsx
@@ -1,17 +1,10 @@
 import { BRIDGABLE_TOKENS, CHAINS } from '@synapsecns/synapse-constants'
 
-const CHAINS_BY_ID = {}
-
-for (const { chainImg, id, name } of Object.values(CHAINS)) {
-  if (id && name) {
-    CHAINS_BY_ID[id] = { name, chainImg }
-  }
-}
-
 export default () =>
   Object.entries(BRIDGABLE_TOKENS).map(([id, tokens]) => {
-    const chain = CHAINS_BY_ID[id]
+    const chain = CHAINS.CHAINS_BY_ID[id]
     const chainImg = chain.chainImg
+
     return (
       <section key={id}>
         <h2
@@ -26,13 +19,6 @@ export default () =>
           {chain.name} <code>{id}</code>
         </h2>
         {Object.values(tokens).map((token) => {
-          const tokenImg =
-            typeof token.icon === 'string' ? (
-              <img width="16" height="16" src={token.icon} />
-            ) : (
-              token.icon({ width: 16, height: 16 })
-            )
-
           return (
             <span
               key={token.addresses[id]}
@@ -43,7 +29,8 @@ export default () =>
                 padding: '.25rem .5rem',
               }}
             >
-              {tokenImg} {token.symbol}
+              <img width="16" height="16" src={token.icon} alt={token.symbol} />{' '}
+              {token.symbol}
             </span>
           )
         })}