diff --git a/frontend/src/pages/dashboard.tsx b/frontend/src/pages/dashboard.tsx
index de6adc9..6d26118 100644
--- a/frontend/src/pages/dashboard.tsx
+++ b/frontend/src/pages/dashboard.tsx
@@ -65,7 +65,7 @@ export default class Dashboard extends React.Component<IProps> {
 
         const level = this.props.nextLevel;
 
-        return <div>
+        return <div className="content">
             <Grid container direction={direction} spacing={16}>
                 <Grid item lg={4}>
                     <Paper className="paper">
diff --git a/frontend/src/pages/intro.tsx b/frontend/src/pages/intro.tsx
index 60c2ebd..3ffc48a 100644
--- a/frontend/src/pages/intro.tsx
+++ b/frontend/src/pages/intro.tsx
@@ -17,7 +17,7 @@ export default class IntroPage extends React.Component<IProps> {
     render() {
         const small = window.matchMedia("(max-width: 700px)").matches;
         const cName = small ? "intro-card-xs" : "intro-card-lg";
-        return <div>
+        return <div className="content">
             <Grid container justify="center">
                 <Card className={cName}>
                     <CardContent>
diff --git a/frontend/src/pages/levelList.tsx b/frontend/src/pages/levelList.tsx
index 74fb7c1..62fbe99 100644
--- a/frontend/src/pages/levelList.tsx
+++ b/frontend/src/pages/levelList.tsx
@@ -81,7 +81,7 @@ const LevelListWithRouter = withRouter(
                 const suffix = levels.indexOf(level.level) !== -1 ? " ✔" : "";
                 return <Grid item key={key++}>
                     <Card style={{
-                        width: small ? window.width - 32 : "300px"
+                        width: small ? window.innerWidth - 32 : "300px"
                     }}>
                         <CardContent className={cName}>
                             <Typography variant="title">{`Level ${level.level}${suffix}`}</Typography>
@@ -102,7 +102,7 @@ const LevelListWithRouter = withRouter(
                 </Grid>;
             };
 
-            return <div>
+            return <div className="content">
                 <Grid container spacing={16} direction="row">
                     {this.props.levels.map(levelToCard)}
                 </Grid>
diff --git a/frontend/src/pages/login.tsx b/frontend/src/pages/login.tsx
index 17fd35b..44c4200 100644
--- a/frontend/src/pages/login.tsx
+++ b/frontend/src/pages/login.tsx
@@ -82,7 +82,7 @@ const LoginPageWithRouter = withRouter(
                 }
             };
 
-            return <div>
+            return <div className="content">
                 <Grid
                     container
                     spacing={0}
diff --git a/frontend/src/pages/register.tsx b/frontend/src/pages/register.tsx
index c3d6c45..783928c 100644
--- a/frontend/src/pages/register.tsx
+++ b/frontend/src/pages/register.tsx
@@ -91,7 +91,7 @@ const RegisterPageWithRouter = withRouter(
                 }
             };
 
-            return <div>
+            return <div className="content">
                 <Grid
                     container
                     spacing={0}
diff --git a/frontend/src/pages/review.tsx b/frontend/src/pages/review.tsx
index 161e6bc..c7ccbd7 100644
--- a/frontend/src/pages/review.tsx
+++ b/frontend/src/pages/review.tsx
@@ -382,7 +382,7 @@ const ReviewPageWithRouter = withRouter(
                     100 * (numCards - (this.reviewQueue.size() + 1)) / numCards
                 );
 
-            return <div>
+            return <div className="content">
                 <Grid container justify="center">
                     <Grid item style={{ width: "100%" }}>
                         <Card>
diff --git a/frontend/src/pages/summary.tsx b/frontend/src/pages/summary.tsx
index b1d834c..1057a8e 100644
--- a/frontend/src/pages/summary.tsx
+++ b/frontend/src/pages/summary.tsx
@@ -29,7 +29,7 @@ const SummaryPageWithRouter = withRouter(
         }
 
         render() {
-            return <div>
+            return <div className="content">
                 <Grid
                     container
                     spacing={0}