From 78ee60c794c7e3e96ce7e1d596a554a3b3dbe7f5 Mon Sep 17 00:00:00 2001
From: steev <asiansteev@gmail.com>
Date: Thu, 9 Jul 2020 23:58:21 -0400
Subject: [PATCH 1/2] These Text tags contain more than text, use Box

---
 src/pages/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 5dd99a4..3fbe898 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -236,7 +236,7 @@ const Home = ({ data }) => {
               a company donates, it chooses to spend a percent of its money. We
               can compare these two numbers:
             </Text>
-            <Text
+            <Box
               color="snow"
               fontSize={["20px", "22px", "24px", "26px", "30px"]}
               display="flex"
@@ -253,7 +253,7 @@ const Home = ({ data }) => {
                 &times; your income<span className="space">&nbsp;</span>
               </PseudoBox>
               <PseudoBox textAlign="left">= your donation</PseudoBox>
-            </Text>
+            </Box>
             <PseudoBox
               color="primary.green"
               fontWeight="700"

From 8513440ca118f35aa9a4335d8f80f690a48220e3 Mon Sep 17 00:00:00 2001
From: steev <asiansteev@gmail.com>
Date: Thu, 9 Jul 2020 23:58:32 -0400
Subject: [PATCH 2/2] Text tag contains more than text, use Box

---
 src/components/Hero.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Hero.js b/src/components/Hero.js
index 3d13d17..cae40f0 100644
--- a/src/components/Hero.js
+++ b/src/components/Hero.js
@@ -25,13 +25,13 @@ const Hero = ({ padding, title, subtitle }) => {
         >
           {title}
         </Text>
-        <Text
+        <Box
           color="snow"
           mt={["16px", "12px"]}
           fontSize={["20px", "24px", "28px", "31px", "38px"]}
         >
           {subtitle}
-        </Text>
+        </Box>
       </Box>
     </PseudoBox>
   )