fix loading styles

ShMcK · ShMcK · commit 91a00eb6001a · 2020-07-24T21:02:53.000-07:00
Signed-off-by: shmck &lt;shawn.j.mckay@gmail.com&gt;
diff --git a/web-app/src/components/Error/index.tsx b/web-app/src/components/Error/index.tsx
@@ -14,9 +14,9 @@ const styles = {
     alignItems: 'center' as 'center',
     border: `0.5rem solid ${theme['$color-error-2']}`,
     padding: '1rem',
-    width: '100%',
+    width: '100vw',
     maxWidth: '100%',
-    height: '100%',
+    height: '100vh',
   }),
   content: (theme: Theme) => ({
     textAlign: 'center' as 'center',
diff --git a/web-app/src/containers/Loading/index.tsx b/web-app/src/containers/Loading/index.tsx
@@ -16,8 +16,8 @@ const styles = {
     flexDirection: 'column' as 'column',
     alignItems: 'center' as 'center',
     justifyContent: 'center' as 'center',
-    height: '100%',
-    width: '100%',
+    height: '100vh',
+    width: '100vw',
   },
   processes: {
     padding: '0 1rem',
