diff --git a/public/favicon.ico b/public/favicon.ico
index 718d6fea48..6778d9da94 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/components/UI/PageMetadata.tsx b/src/components/UI/PageMetadata.tsx
index f92ed32864..35a1c7ba6d 100644
--- a/src/components/UI/PageMetadata.tsx
+++ b/src/components/UI/PageMetadata.tsx
@@ -43,7 +43,10 @@ export const PageMetadata: React.FC<Props> = ({ title, description, image }) =>
       <meta name='twitter:description' content={description} />
       {/* patch to force a cache invalidation of twitter's card bot */}
       <meta name='twitter:image' content={`${ogImage}/#`} />
-      <link rel='icon' href='/images/favicon.png' />
+      {/* viewport */}
+      <meta name='viewport' content='width=device-width, initial-scale=1' />
+      {/* favicon */}
+      <link rel='icon' type='image/x-icon' href='/favicon.ico' />
     </Head>
   );
 };
diff --git a/src/theme/foundations/textStyles.ts b/src/theme/foundations/textStyles.ts
index c8ac62093b..9c7f807665 100644
--- a/src/theme/foundations/textStyles.ts
+++ b/src/theme/foundations/textStyles.ts
@@ -10,7 +10,7 @@ export const textStyles = {
   h2: {
     fontFamily: 'heading',
     fontWeight: 400,
-    fontSize: '1.5rem',
+    fontSize: { base: '1.5rem', md: '1.75rem' },
     lineHeight: 'normal',
     letterSpacing: '0.04em',
     color: 'body'