diff --git a/src/components/auth/login/LoginForm.module.scss b/src/components/auth/login/LoginForm.module.scss
index 9120bf1..3be2fcf 100644
--- a/src/components/auth/login/LoginForm.module.scss
+++ b/src/components/auth/login/LoginForm.module.scss
@@ -1,4 +1,5 @@
 .card {
+    max-width: 100vw;
     width: 360px;
 
     .submitButtonFormItem {
diff --git a/src/components/auth/login/LoginPage.module.scss b/src/components/auth/login/LoginPage.module.scss
index ae3e551..9130d40 100644
--- a/src/components/auth/login/LoginPage.module.scss
+++ b/src/components/auth/login/LoginPage.module.scss
@@ -2,6 +2,12 @@
     text-align: center;
 }
 
+.logo {
+    max-width: 100vw;
+    height: auto;
+}
+
 .layout, .row {
     min-height: 100vh;
+    max-width: 100vw;
 }
diff --git a/src/components/auth/login/LoginPage.tsx b/src/components/auth/login/LoginPage.tsx
index d37cc68..819371a 100644
--- a/src/components/auth/login/LoginPage.tsx
+++ b/src/components/auth/login/LoginPage.tsx
@@ -2,6 +2,7 @@ import { Col, Layout, Row } from "antd";
 import React from "react";
 import Helmet from "react-helmet";
 import { Redirect } from "react-router-dom";
+import logo from "../../../logo.png";
 import { AnyRouteComponentProps, routes } from "../../../routes";
 import { Firebase } from "../../../services/FirebaseInitializer";
 import LoginForm from "./LoginForm";
@@ -30,6 +31,7 @@ class LoginPage extends React.Component<LoginPageProps> {
                     <Row type="flex" justify="space-around" align="middle" className={styles.row}>
                         <Col>
                             <div className={styles.title}>
+                                <img src={logo} alt="Logo" className={styles.logo} />
                                 <h1>Student Planner</h1>
                             </div>
                             <LoginForm loginSuccessfulCallback={this.goToAuthenticatedApp} />