fix(website): change instant marketing page styling to non mono font except the 0 in 0x

2 files changed, 10 insertions, 10 deletions

diff --git a/packages/website/ts/components/ui/text.tsx b/packages/website/ts/components/ui/text.tsx
index c13e21913..87239a021 100644
--- a/packages/website/ts/components/ui/text.tsx
+++ b/packages/website/ts/components/ui/text.tsx
@@ -3,7 +3,7 @@ import { darken } from 'polished';
 import * as React from 'react';
 import { styled } from 'ts/style/theme';
 
-export type TextTag = 'p' | 'div' | 'span' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'i';
+export type TextTag = 'p' | 'div' | 'span' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'i' | 'span';
 
 export interface TextProps {
     className?: string;
diff --git a/packages/website/ts/pages/instant/introducing_0x_instant.tsx b/packages/website/ts/pages/instant/introducing_0x_instant.tsx
index 92183ba98..21377d52e 100644
--- a/packages/website/ts/pages/instant/introducing_0x_instant.tsx
+++ b/packages/website/ts/pages/instant/introducing_0x_instant.tsx
@@ -12,24 +12,24 @@ export interface Introducing0xInstantProps {
 
 export const Introducing0xInstant = (props: Introducing0xInstantProps) => {
     const isSmallScreen = props.screenWidth === ScreenWidths.Sm;
+    const zero = (
+        <Text fontColor={colors.white} fontSize="42px" fontWeight="600" fontFamily="Roboto Mono" Tag="span">
+            0
+        </Text>
+    );
     const title = isSmallScreen ? (
         <div>
-            Introducing<br />0x Instant
+            Introducing<br />
+            {zero}x Instant
         </div>
     ) : (
-        <div>Introducing 0x Instant</div>
+        <div>Introducing {zero}x Instant</div>
     );
     return (
         <div className="clearfix center lg-pt4 md-pt4" style={{ backgroundColor: colors.instantPrimaryBackground }}>
             <div className="mx-auto inline-block align-middle py4" style={{ lineHeight: '44px', textAlign: 'center' }}>
                 <Container className="sm-center sm-pt3">
-                    <Text
-                        fontColor={colors.white}
-                        fontSize="42px"
-                        lineHeight="52px"
-                        fontFamily="Roboto Mono"
-                        fontWeight="600"
-                    >
+                    <Text fontColor={colors.white} fontSize="42px" lineHeight="52px" fontWeight="600">
                         {title}
                     </Text>
                 </Container>