diff --git a/components/forms/LoginForm.module.css b/components/forms/LoginForm.module.css
index 381c9865..cfbff15b 100644
--- a/components/forms/LoginForm.module.css
+++ b/components/forms/LoginForm.module.css
@@ -4,6 +4,11 @@
   margin-top: 80px;
 }
 
+.login form {
+  width: 300px;
+  margin: 0 auto;
+}
+
 .icon {
   display: flex;
   justify-content: center;
diff --git a/components/layout/Layout.js b/components/layout/Layout.js
index 91591ccc..1285f2c3 100644
--- a/components/layout/Layout.js
+++ b/components/layout/Layout.js
@@ -1,18 +1,9 @@
 import React from 'react';
-import classNames from 'classnames';
 import Head from 'next/head';
 import Header from 'components/layout/Header';
 import Footer from 'components/layout/Footer';
-import styles from './Layout.module.css';
 
-export default function Layout({
-  title,
-  children,
-  header = true,
-  footer = true,
-  center = false,
-  middle = false,
-}) {
+export default function Layout({ title, children, header = true, footer = true }) {
   return (
     <>
       <Head>
@@ -24,14 +15,7 @@ export default function Layout({
         />
       </Head>
       {header && <Header />}
-      <main
-        className={classNames(styles.layout, 'container', {
-          [styles.center]: center,
-          [styles.middle]: middle,
-        })}
-      >
-        {children}
-      </main>
+      <main className="container">{children}</main>
       {footer && <Footer />}
     </>
   );
diff --git a/components/layout/Layout.module.css b/components/layout/Layout.module.css
deleted file mode 100644
index 30ddec41..00000000
--- a/components/layout/Layout.module.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.layout {
-  display: flex;
-  flex-direction: column;
-}
-
-.center {
-  align-items: center;
-}
-
-.middle {
-  justify-content: center;
-}
