diff --git a/src/App.js b/src/App.js
index 45f80b6d..81a629e0 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,4 @@
import React from 'react'
-import { BrowserRouter } from 'react-router-dom'
import { makeStyles } from '@material-ui/core/styles'
import { Container, CssBaseline } from '@material-ui/core'
@@ -25,18 +24,16 @@ const App = () => {
const classes = useStyles()
return (
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/src/components/TestResults/TestResultsItem.js b/src/components/TestResults/TestResultsItem.js
index 83a317b2..9c515afb 100644
--- a/src/components/TestResults/TestResultsItem.js
+++ b/src/components/TestResults/TestResultsItem.js
@@ -43,10 +43,10 @@ const TestResultsItem = ({report}) => {
{moment(timestamp).format("MMM Do YYYY")}
-
+
-
+
diff --git a/src/components/region/Header/Header.js b/src/components/region/Header/Header.js
index cb3c1320..644cf474 100644
--- a/src/components/region/Header/Header.js
+++ b/src/components/region/Header/Header.js
@@ -5,8 +5,6 @@ import {
Typography,
} from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles'
-
-// import { Link as RouterLink } from 'react-router-dom'
import { Link as RouterLink } from "@reach/router"
import LoginButton from '../../login/SharedLogin/LoginButton'
diff --git a/src/index.css b/src/index.css
index 683a8baf..d3e2588c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -61,12 +61,13 @@ main {
.zoom-enter,
.zoom-enter-done {
z-index: 2;
+ background-color: #fafafa;
position: fixed;
top: 0;
right: 0;
left: 0;
height: 100vh;
- background-color: #fafafa;
+ overflow: auto;
}
.zoom-exit {
diff --git a/src/pages/MockRoles.js b/src/pages/MockRoles.js
index 2746f37e..94d4ecba 100644
--- a/src/pages/MockRoles.js
+++ b/src/pages/MockRoles.js
@@ -10,7 +10,6 @@ const useStyles = makeStyles(theme => ({
root: {
display: 'flex',
flexDirection: 'column',
- height: '80vh',
alignItems: 'center',
marginTop: '4vw'