diff --git a/web/src/layouts/LoginLayout.tsx b/web/src/layouts/LoginLayout.tsx
index ab45c4cbb..e754f41c3 100644
--- a/web/src/layouts/LoginLayout.tsx
+++ b/web/src/layouts/LoginLayout.tsx
@@ -21,7 +21,7 @@ export default function (props: Props) {
             spacing={0}
             alignItems="center"
             justify="center">
-            <Container maxWidth="xs">
+            <Container maxWidth="xs" className={style.rootContainer}>
                 <Grid container>
                     <Grid item xs={12}>
                         <UserSvg className={style.icon}></UserSvg>
@@ -56,6 +56,10 @@ const useStyles = makeStyles(theme => ({
         textAlign: "center",
         // marginTop: theme.spacing(10),
     },
+    rootContainer: {
+        paddingLeft: 32,
+        paddingRight: 32,
+    },
     title: {},
     icon: {
         margin: theme.spacing(),