From 9a01083baf807a6bd6c534204157769ddbf941db Mon Sep 17 00:00:00 2001
From: CanRau <cansrau@gmail.com>
Date: Thu, 2 Jan 2020 19:44:45 -0500
Subject: [PATCH] fix(SupportPage): add width:90% & textAlign:left

---
 src/templates/SupportPage.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/templates/SupportPage.js b/src/templates/SupportPage.js
index 4910334..60db976 100644
--- a/src/templates/SupportPage.js
+++ b/src/templates/SupportPage.js
@@ -132,6 +132,7 @@ const SupportPage = props => {
       <div
         sx={{
           mx: `auto`,
+          width: `90%`,
           maxWidth: `50rem`,
           display: `flex`,
           justifyContent: `space-around`,
@@ -159,6 +160,7 @@ const SupportPage = props => {
       <div
         sx={{
           mx: `auto`,
+          width: `90%`,
           maxWidth: `50rem`,
           display: `flex`,
           [media.lessThan(`medium`)]: {
@@ -303,6 +305,7 @@ const SupportPage = props => {
         sx={{
           mt: `5rem`,
           mx: `auto`,
+          width: `90%`,
           maxWidth: `50rem`,
           '& > h2': {
             marginBottom: `0.7rem`,
@@ -411,11 +414,12 @@ const SupportPage = props => {
         sx={{
           mt: `5rem`,
           mx: `auto`,
+          width: `90%`,
           maxWidth: `50rem`,
           [media.lessThan(`medium`)]: {
             '& div': {
               fontSize: `0.9rem`,
-              textAlign: `center`,
+              textAlign: [`left`, `center`],
             },
           },
         }}