Fallback image for relayer grid tile

2 files changed, 3 insertions, 2 deletions

diff --git a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
index cf2a1f66d..23c5da50b 100644
--- a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
+++ b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
@@ -64,11 +64,12 @@ const styles: Styles = {
 
 export const RelayerGridTile: React.StatelessComponent<RelayerGridTileProps> = (props: RelayerGridTileProps) => {
     const link = props.relayerInfo.appUrl || props.relayerInfo.url;
+    const headerImgUrl = props.relayerInfo.headerImgUrl || '/images/landing/hero_chip_image.png';
     return (
         <GridTile style={styles.root}>
             <div style={styles.innerDiv}>
                 <a href={link} target="_blank" style={{ textDecoration: 'none' }}>
-                    <img src={props.relayerInfo.headerImgUrl} style={styles.header} />
+                    <img src={headerImgUrl} style={styles.header} />
                 </a>
                 <div style={styles.body}>
                     <div className="py1" style={styles.relayerNameLabel}>
diff --git a/packages/website/ts/types.ts b/packages/website/ts/types.ts
index f6752aef1..67e4a5d7d 100644
--- a/packages/website/ts/types.ts
+++ b/packages/website/ts/types.ts
@@ -508,7 +508,7 @@ export interface WebsiteBackendRelayerInfo {
     dailyTxnVolume: string;
     url: string;
     appUrl?: string;
-    headerImgUrl: string;
+    headerImgUrl?: string;
     topTokens: WebsiteBackendTokenInfo[];
 }