From 9aad7c9fc4801d9eb4f1bd0118909fa45cd076af Mon Sep 17 00:00:00 2001
From: JD Welch <jdwelch@spotify.com>
Date: Mon, 3 Feb 2020 16:54:48 +0100
Subject: [PATCH] change fixed units to use theme.spacing()

---
 frontend/packages/app/src/App.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/packages/app/src/App.tsx b/frontend/packages/app/src/App.tsx
index 1eb03c6c39..028ea42185 100644
--- a/frontend/packages/app/src/App.tsx
+++ b/frontend/packages/app/src/App.tsx
@@ -26,23 +26,23 @@ const useStyles = makeStyles(theme => ({
     background: '#181818',
     color: 'white',
     height: '100vh',
-    paddingLeft: '1rem',
-    paddingTop: '1rem',
+    paddingLeft: theme.spacing(2),
+    paddingTop: theme.spacing(2),
   },
   pageHeader: {
     // FIXME: Make part of PageHeader component
     background: 'linear-gradient(262.63deg, #19D15A 4.2%, #1CAB5B 72.01%)',
     height: '120px',
-    paddingTop: '1rem',
-    paddingLeft: '1rem',
+    paddingTop: theme.spacing(2),
+    paddingLeft: theme.spacing(2),
     color: 'white',
   },
   pageBody: {
-    paddingLeft: '1rem',
-    paddingTop: '1rem',
+    paddingLeft: theme.spacing(2),
+    paddingTop: theme.spacing(2),
   },
   avatarButton: {
-    padding: '1rem',
+    padding: theme.spacing(2),
   },
 }));