diff --git a/src/css/styles.css b/src/css/styles.css
index 7bbff5a..2edfe63 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -34,4 +34,11 @@ textarea.ui-input-text {
 	margin-right: auto;
 	background-image: url('images/key-128.png');
 	background-repeat: no-repeat;
+}
+
+#loginForm {
+	padding: 10px 20px;
+	max-width: 400px;
+	margin-left: auto;
+	margin-right: auto;
 }
\ No newline at end of file
diff --git a/src/tpl/login.html b/src/tpl/login.html
index 0a4b950..b6cb591 100644
--- a/src/tpl/login.html
+++ b/src/tpl/login.html
@@ -4,7 +4,7 @@
 
 <div data-role="content">
   <div id="loginImg"></div>
-  <div style="padding:10px 20px;">
+  <div id="loginForm">
     <h3>Please sign in</h3>
     <label for="userId" class="ui-hidden-accessible">Username:</label>
     <input type="email" name="user" id="userId" value="test@atlasdev.onmicrosoft.com" placeholder="email" data-theme="a">