From b74bb4a8d5001707d087bb924c1958eb89cf974e Mon Sep 17 00:00:00 2001
From: Michael Fatemi <myfatemi04@gmail.com>
Date: Thu, 8 Jul 2021 16:16:39 -0400
Subject: [PATCH] Fix width of main app

---
 src/components/App.tsx               | 4 ++--
 src/components/UI/UIPrimaryTitle.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index b8f85bf..d465b79 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -42,7 +42,7 @@ const style: CSSProperties = {
 	flexDirection: 'column',
 	alignItems: 'center',
 	width: '30rem',
-	maxWidth: '30rem',
+	maxWidth: '100%',
 	marginLeft: 'auto',
 	marginRight: 'auto',
 };
@@ -61,7 +61,7 @@ export default function App() {
 	const user = useMe();
 	const notifications = useNotifications();
 	return (
-		<div style={{ padding: '1rem' }}>
+		<div style={{ padding: '1rem', maxWidth: '100vw' }}>
 			<div style={style}>
 				{notifications.length > 0 ? (
 					<Notifications notifications={notifications} />
diff --git a/src/components/UI/UIPrimaryTitle.tsx b/src/components/UI/UIPrimaryTitle.tsx
index 95fc9b7..72eee6e 100644
--- a/src/components/UI/UIPrimaryTitle.tsx
+++ b/src/components/UI/UIPrimaryTitle.tsx
@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 
 const style: CSSProperties = {
-	fontSize: '4rem',
+	fontSize: '3rem',
 	marginTop: '0.25em',
 	marginBottom: '0.25em',
 };