stytchauth
diff --git a/‎components/NavBar.tsx‎
Lines changed: 1 addition & 1 deletion b/‎components/NavBar.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎components/common/CodeBlock.tsx‎
Lines changed: 1 addition & 1 deletion b/‎components/common/CodeBlock.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎pages/_app.tsx‎
Lines changed: 1 addition & 2 deletions b/‎pages/_app.tsx‎
Lines changed: 1 addition & 2 deletions
diff --git a/‎pages/index.tsx‎
Lines changed: 1 addition & 1 deletion b/‎pages/index.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎public/favicon.ico‎
535 Bytes b/‎public/favicon.ico‎
535 Bytes
diff --git a/‎public/favicon.png‎
-7.45 KB b/‎public/favicon.png‎
-7.45 KB
diff --git a/‎public/fonts/Booton-Bold.woff2‎
140 KB b/‎public/fonts/Booton-Bold.woff2‎
140 KB
diff --git a/‎public/fonts/Booton-BoldItalic.woff2‎
139 KB b/‎public/fonts/Booton-BoldItalic.woff2‎
139 KB
diff --git a/‎public/fonts/Booton-Medium.woff2‎
136 KB b/‎public/fonts/Booton-Medium.woff2‎
136 KB
diff --git a/‎public/fonts/Booton-MediumItalic.woff2‎
137 KB b/‎public/fonts/Booton-MediumItalic.woff2‎
137 KB
@@ -20,7 +20,7 @@ function NavBar() {
       <div style={styles.leftNav}>
         <div style={styles.logoContainer}>
           <Link href={'/'}>
-            <Image alt="Stytch logo" height={30} src={stytchLogo} width={152} />
+            <Image alt="Stytch logo" height={50} src={stytchLogo} width={110} />
           </Link>
         </div>
         {windowInnerWidth > 1000 && (
 
@@ -18,7 +18,7 @@ const styles: Record<string, React.CSSProperties> = {
     whiteSpace: 'pre-wrap',
     overflowWrap: 'anywhere',
     fontSize: '16px',
-    fontFamily: '"IBM Plex Mono", monospace',
+    fontFamily: '"Chivo Mono", monospace',
     overflowY: 'scroll',
   },
 };
 
@@ -12,11 +12,10 @@ function MyApp({ Component, pageProps }: AppProps) {
   return (
     <>
       <Head>
-        <link rel="icon" href="/favicon.png" type="image/png" />
+        <link rel="icon" href="/favicon.ico" type="image/x-icon" />
         <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
         <title>Stytch Demo</title>
       </Head>
-
       <StytchProvider stytch={stytch}>
         <NavBar />
         <Component {...pageProps} />
 
@@ -16,7 +16,7 @@ const App = () => {
   }, [user, router]);
 
   return (
-    <div style={{ padding: '24px 40px' }}>
+    <div style={{ padding: '24px 40px', backgroundColor: '#F4EEE9' }}>
       <h2>Stytch authentication recipes</h2>
       <p>
         Stytch provides many options to build your perfect passwordless authentication experience including pre-built UI