diff --git a/web/src/components/home.tsx b/web/src/components/home.tsx
index 9a9b547..a8c0640 100644
--- a/web/src/components/home.tsx
+++ b/web/src/components/home.tsx
@@ -5,7 +5,7 @@ import Box from '@mui/material/Box'
 
 const Home = () => {
   return (
-    <Box className="main">
+    <Box className="container">
       <CssBaseline />
       <h2>Welcome to SASjs Server!</h2>
       <p>
diff --git a/web/src/components/login.tsx b/web/src/components/login.tsx
index a458b88..7ba10f5 100644
--- a/web/src/components/login.tsx
+++ b/web/src/components/login.tsx
@@ -38,7 +38,7 @@ const Login = () => {
 
   return (
     <Box
-      className="main"
+      className="container"
       component="form"
       onSubmit={handleSubmit}
       sx={{
diff --git a/web/src/components/updatePassword.tsx b/web/src/components/updatePassword.tsx
index 12ceaf8..40ae1e0 100644
--- a/web/src/components/updatePassword.tsx
+++ b/web/src/components/updatePassword.tsx
@@ -69,7 +69,7 @@ const UpdatePassword = () => {
     />
   ) : (
     <Box
-      className="main"
+      className="container"
       component="form"
       onSubmit={handleSubmit}
       sx={{
diff --git a/web/src/containers/AuthCode/index.tsx b/web/src/containers/AuthCode/index.tsx
index 114bcd3..5125f56 100644
--- a/web/src/containers/AuthCode/index.tsx
+++ b/web/src/containers/AuthCode/index.tsx
@@ -47,7 +47,7 @@ const AuthCode = () => {
   }
 
   return (
-    <Box className="main">
+    <Box className="container">
       <CssBaseline />
       <br />
       <h2>Authorization Code</h2>
diff --git a/web/src/index.css b/web/src/index.css
index ebd047b..fe5d105 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -12,7 +12,7 @@ code {
     monospace;
 }
 
-.main {
+.container {
   margin: 50px 10px 0 10px;
   display: flex;
   flex-direction: column;