diff --git a/web/src/Components/Pages/Login.css b/web/src/Components/Pages/Login.css
index 817da866..223f2c12 100644
--- a/web/src/Components/Pages/Login.css
+++ b/web/src/Components/Pages/Login.css
@@ -1,10 +1,15 @@
 .loginBody {
     padding: 20px 5px 5px 5px;
     font-size: 16pt;
+    width: 300px;
+}
+
+.loginFields {
+    width: 100%;
 }
 
 .loginButton {
     height: 50px;
-    width: 295px;
+    width: 100%;
     margin-top:-5px;
 }
\ No newline at end of file
diff --git a/web/src/Components/Pages/Login.js b/web/src/Components/Pages/Login.js
index 8104a770..9e30195d 100644
--- a/web/src/Components/Pages/Login.js
+++ b/web/src/Components/Pages/Login.js
@@ -77,6 +77,7 @@ class About extends React.Component {
               Email / Username<br/>
               <input
                 type="text"
+                className="loginFields"
                 value={this.state.username}
                 onChange={this.handleUsernameChange}
               />
@@ -86,6 +87,7 @@ class About extends React.Component {
               Password<br/>
               <input
                 type="password"
+                className="loginFields"
                 value={this.state.password}
                 onChange={this.handlePasswordChange}
               />