diff --git a/docs/bridge/docs/01-About/03-Routes.md b/docs/bridge/docs/01-About/03-Routes.md
new file mode 100644
index 0000000000..5a6f844eb6
--- /dev/null
+++ b/docs/bridge/docs/01-About/03-Routes.md
@@ -0,0 +1,7 @@
+import Routes from '@site/src/components/Routes'
+
+# Chains & Tokens
+
+This page contains a list of supported tokens, listed per-chain. For a given pair, use the [Synapse Bridge](https://synapseprotocol.com) to see if a route between them exists.
+
+
diff --git a/docs/bridge/docs/02-Bridge/04-Sample-Code.md b/docs/bridge/docs/02-Bridge/04-Code-Examples.md
similarity index 99%
rename from docs/bridge/docs/02-Bridge/04-Sample-Code.md
rename to docs/bridge/docs/02-Bridge/04-Code-Examples.md
index ca625344a3..1816550110 100644
--- a/docs/bridge/docs/02-Bridge/04-Sample-Code.md
+++ b/docs/bridge/docs/02-Bridge/04-Code-Examples.md
@@ -1,8 +1,8 @@
---
-sidebar_label: Sample Code
+sidebar_label: Examples
---
-# Sample Code
+# Example Code
Example SDK & API implementations
diff --git a/docs/bridge/docs/02-Bridge/05-Supported-Routes.md b/docs/bridge/docs/02-Bridge/05-Supported-Routes.md
deleted file mode 100644
index f47a6918f2..0000000000
--- a/docs/bridge/docs/02-Bridge/05-Supported-Routes.md
+++ /dev/null
@@ -1,14 +0,0 @@
----
-sidebar_label: Supported Rotues
----
-
-# Supported Routes
-
-Use the [Synapse Bridge](https://synapseprotocol.com) to browse supported tokens and chains.
-
-:::tip Routes
-
-Route availability is determined by the amount you wish to bridge. Use the [Synapse Bridge](https://synapseprotocol.com) to see if a route between a given pair exists.
-
-:::
-
diff --git a/docs/bridge/docs/02-Bridge/_05-Supported-Routes.md b/docs/bridge/docs/02-Bridge/_05-Supported-Routes.md
deleted file mode 100644
index 13bbab1dc7..0000000000
--- a/docs/bridge/docs/02-Bridge/_05-Supported-Routes.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-sidebar_label: Supported Rotues
----
-
-import Routes from '@site/src/components/Routes'
-
-# Supported Routes
-
-Supported tokens for each chain.
-
-:::tip Routes
-
-Route availability is determined by the amount you wish to bridge. Use the [Synapse Bridge](https://synapseprotocol.com) to see if a route between a given pair exists.
-
-:::
-
-
diff --git a/docs/bridge/docs/02-Bridge/index.md b/docs/bridge/docs/02-Bridge/index.md
index 5da83d208a..dfa2ba2519 100644
--- a/docs/bridge/docs/02-Bridge/index.md
+++ b/docs/bridge/docs/02-Bridge/index.md
@@ -7,7 +7,7 @@ import SVGBridge from '@site/src/components/SVGBridge'
# Synapse Bridge
-The [Synapse Bridge](https://synapseprotocol.com) and [Solana Bridge](https://solana.synapseprotocol.com/) seamlessly swap on-chain assets between [20+ EVM and non-EVM blockchains](./Supported-Routes) in a safe and secure manner.
+The [Synapse Bridge](https://synapseprotocol.com) and [Solana Bridge](https://solana.synapseprotocol.com/) seamlessly swap on-chain assets between [20+ EVM and non-EVM blockchains](/docs/About/Routes) in a safe and secure manner.
diff --git a/docs/bridge/src/components/Routes.tsx b/docs/bridge/src/components/Routes.tsx
index 02af8a2312..55c5edb3e2 100644
--- a/docs/bridge/src/components/Routes.tsx
+++ b/docs/bridge/src/components/Routes.tsx
@@ -11,7 +11,7 @@ for (const { chainImg, id, name } of Object.values(CHAINS)) {
export default () =>
Object.entries(BRIDGABLE_TOKENS).map(([id, tokens]) => {
const chain = CHAINS_BY_ID[id]
- const chainImg = chain.chainImg({ width: 28, height: 28 })
+ const chainImg = chain.chainImg
return (
alignItems: 'center',
}}
>
- {chainImg} {chain.name} {id}
+
+ {chain.name} {id}
{Object.values(tokens).map((token) => {
const tokenImg =