From c06c7df74995133634bc7a2dade6360eca47f1c2 Mon Sep 17 00:00:00 2001
From: Jeremy <jeremy@ninetyblack.com>
Date: Tue, 21 Jan 2020 15:42:38 +1300
Subject: [PATCH 1/2] fix(home): ie11 support: resolve overflowing h1, nav link
 underlines, discord button height

---
 src/components/DiscordButton/styles.tsx | 1 +
 src/components/HomeHeader/styles.tsx    | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/src/components/DiscordButton/styles.tsx b/src/components/DiscordButton/styles.tsx
index fe7db18..79b6a5f 100644
--- a/src/components/DiscordButton/styles.tsx
+++ b/src/components/DiscordButton/styles.tsx
@@ -25,5 +25,6 @@ export const DiscordButtonWrapper = styled.a`
 
 export const StyledDiscordLogo = styled(DiscordLogo)`
   width: 30px;
+  height: 30px;
   margin-right: 13px;
 `
diff --git a/src/components/HomeHeader/styles.tsx b/src/components/HomeHeader/styles.tsx
index 1c5312c..1c550dd 100644
--- a/src/components/HomeHeader/styles.tsx
+++ b/src/components/HomeHeader/styles.tsx
@@ -22,6 +22,7 @@ export const TitleWrapper = styled.div`
   display: flex;
   align-items: center;
   margin-bottom: 22px;
+  max-width: 100%;
 
   .is-home & {
     flex-direction: column;
@@ -41,6 +42,7 @@ export const Title = styled.h1`
   .is-home & {
     margin: 32px 0;
     font-size: 88px;
+    max-width: 100%;
 
     @media screen and (max-width: 991px) {
       font-size: 58px;
@@ -142,6 +144,7 @@ export const MenuItemLine = styled.div`
   bottom: 0;
   background: #fff;
   transition: all 0.3s;
+  left: 0;
 `
 
 export const menuItemStyles = css`

From 8ff7a97566f633b9d1a88f2394696744a960196f Mon Sep 17 00:00:00 2001
From: Jeremy <jeremy@ninetyblack.com>
Date: Tue, 21 Jan 2020 16:36:43 +1300
Subject: [PATCH 2/2] fix(home): ie11 support: fix top and bottom svgs

---
 src/components/Waves/styles.tsx | 1 +
 src/images/waves-bot.svg        | 2 +-
 src/images/waves-top.svg        | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Waves/styles.tsx b/src/components/Waves/styles.tsx
index 6d68e07..042388a 100644
--- a/src/components/Waves/styles.tsx
+++ b/src/components/Waves/styles.tsx
@@ -13,6 +13,7 @@ const waves = css`
 export const StyledWavesTop = styled(WavesTop)`
   ${waves};
   top: 0;
+  left: 0;
 `
 
 export const StyledWavesBottom = styled(WavesBottom)`
diff --git a/src/images/waves-bot.svg b/src/images/waves-bot.svg
index 52dc10f..bd2ad44 100644
--- a/src/images/waves-bot.svg
+++ b/src/images/waves-bot.svg
@@ -1,4 +1,4 @@
-<svg fill="none" viewBox="0 0 1825 862">
+<svg fill="none" viewBox="0 0 1825 862" preserveAspectRatio="xMaxYmax slice">
   <mask id="#bot_mask" width="1825" height="862" x="0" y="0" maskUnits="userSpaceOnUse">
     <path fill="#C4C4C4" d="M0 0h1825v862H0z"/>
   </mask>
diff --git a/src/images/waves-top.svg b/src/images/waves-top.svg
index bb59d75..fb0c800 100644
--- a/src/images/waves-top.svg
+++ b/src/images/waves-top.svg
@@ -1,4 +1,4 @@
-<svg fill="none" viewBox="0 0 1825 859">
+<svg fill="none" viewBox="0 0 1825 859" width="1825" height="859" preserveAspectRatio="xMinYMin meet">
   <mask id="top_mask" width="1825" height="859" x="0" y="0" maskUnits="userSpaceOnUse">
     <path fill="#C4C4C4" d="M0 0h1825v859H0z"/>
   </mask>