diff --git a/apps/bridge/src/app/layout.tsx b/apps/bridge/src/app/layout.tsx
index fc6329b1..eb192c90 100644
--- a/apps/bridge/src/app/layout.tsx
+++ b/apps/bridge/src/app/layout.tsx
@@ -72,7 +72,7 @@ export default function RootLayout({
{children}
-
+
diff --git a/packages/ui/src/base/Icons.tsx b/packages/ui/src/base/Icons.tsx
index c2469ee7..4d93cd21 100644
--- a/packages/ui/src/base/Icons.tsx
+++ b/packages/ui/src/base/Icons.tsx
@@ -55,26 +55,6 @@ export const MantleLockUp = (props: IconProps) => (
)
-export const MantleLetterMark = (props: IconProps) => (
-
-)
-
export const MantleLogo = (props: IconProps) => (
)
+
+export const MantleLetterMark = (props: IconProps) => (
+
+)
+
+export const MantleLetterMarkBridge = (props: IconProps) => (
+
+)
diff --git a/packages/ui/src/navigation/Footer.tsx b/packages/ui/src/navigation/Footer.tsx
index 9903d0db..76e1f992 100644
--- a/packages/ui/src/navigation/Footer.tsx
+++ b/packages/ui/src/navigation/Footer.tsx
@@ -1,7 +1,11 @@
import * as React from 'react'
import CONST from '@mantle/constants'
-import { MantleLetterMark, MantleLogoIcon } from '../base/Icons'
+import {
+ MantleLetterMark,
+ MantleLetterMarkBridge,
+ MantleLogoIcon,
+} from '../base/Icons'
import { Typography } from '../base/T'
import { MantleLink } from '../links/MantleLinks'
@@ -46,7 +50,14 @@ const LEGAL_ITEMS = [
},
]
-export const Footer = ({ page }: { page: string }) => {
+export const Footer = ({
+ page,
+ chain_id,
+}: {
+ page: string
+ // eslint-disable-next-line react/require-default-props
+ chain_id?: number
+}) => {
const RESOURCE_ITEMS = [
{
name: 'Docs',
@@ -153,7 +164,12 @@ export const Footer = ({ page }: { page: string }) => {
))}
-
+
+ {page === 'bridge' && chain_id === 1 ? (
+
+ ) : (
+
+ )}
)
}