diff --git a/src/components/LoginForm.jsx b/src/components/LoginForm.jsx
index 00d0cc4612496085f035b00d7cf23a50c0ca0d25..e2c165af10a0d2a741a4568543d6a6712265f9bb 100644
--- a/src/components/LoginForm.jsx
+++ b/src/components/LoginForm.jsx
@@ -23,7 +23,7 @@ export default function LoginForm(props) {
   const handleGoogleLoginFailed = () => {};
 
   return (
-    <div className="loginFormContainer">
+    <div className="loginFormComponentContainer">
       <h1>
         <b>Login to discuss anything on Diskuy</b>
       </h1>
diff --git a/src/styles/LoginForm.css b/src/styles/LoginForm.css
index e4049ef404ab7e4837599c0406410aa35c955a1d..937e84473578d8959fe9119f6645097e6e919453 100644
--- a/src/styles/LoginForm.css
+++ b/src/styles/LoginForm.css
@@ -1,4 +1,4 @@
-.loginformComponentContainer {
+.loginFormComponentContainer {
     margin-top: 36px;
     margin-left: 72px;
     margin-right: 72px;
@@ -11,20 +11,20 @@
     margin-bottom: 72px;
 }
 
-.loginformComponentContainer h1{
+.loginFormComponentContainer h1{
     margin-bottom: 40px;
     text-align: center;
 }
 
 @media only screen and (min-device-width : 320px) and (max-device-width : 540px) {
-    .loginformComponentContainer {
+    .loginFormComponentContainer {
         margin-top: 24px;
         margin-left: 36px;
         margin-right: 36px;
         margin-bottom: 184px;
     }
 
-    .loginformComponentContainer h1{
+    .loginFormComponentContainer h1{
         font-size: 28px;
         text-align: center;
     }