diff --git a/gui/app/components/document/document-meta.js b/gui/app/components/document/document-meta.js
index 7ac9e252..b0df5b62 100644
--- a/gui/app/components/document/document-meta.js
+++ b/gui/app/components/document/document-meta.js
@@ -207,11 +207,9 @@ export default Component.extend(Modals, Tooltips, {
 		},
 
 		onEditLifecycle() {
-			//no op
 		},
 
 		onEditProtection() {
-			//no op
 		},
 
 		onEditCategory() {
diff --git a/gui/app/pods/auth/forgot/route.js b/gui/app/pods/auth/forgot/route.js
index 09537371..0657f548 100644
--- a/gui/app/pods/auth/forgot/route.js
+++ b/gui/app/pods/auth/forgot/route.js
@@ -31,10 +31,10 @@ export default Route.extend({
 
 	activate() {
 		this.get('browser').setTitleAsPhrase('Forgot Password');
-		$('body').addClass('background-color-theme-light');
+		$('body').addClass('background-color-theme-light d-flex justify-content-center align-items-center');
 	},
 
 	deactivate() {
-		$('body').removeClass('background-color-theme-light');
+		$('body').removeClass('background-color-theme-light d-flex justify-content-center align-items-center');
 	}
 });
diff --git a/gui/app/pods/auth/forgot/template.hbs b/gui/app/pods/auth/forgot/template.hbs
index 603bff0e..4ede3219 100644
--- a/gui/app/pods/auth/forgot/template.hbs
+++ b/gui/app/pods/auth/forgot/template.hbs
@@ -1,8 +1,10 @@
-<div class="auth-box">
-    <div class="logo">
-        <img src="/assets/img/logo-color.png" title="Documize" alt="Documize" class="img-fluid" />
-    </div>
-    <div class="login-form">
-        {{forgot-password forgot=(action 'forgot')}}
-    </div>
+<div class="auth-center">
+	<div class="auth-box">
+		<div class="logo">
+			<img src="/assets/img/logo-purple.png" title="Documize" alt="Documize" class="img-fluid" />
+		</div>
+		<div class="login-form">
+			{{forgot-password forgot=(action 'forgot')}}
+		</div>
+	</div>
 </div>
diff --git a/gui/app/pods/auth/login/route.js b/gui/app/pods/auth/login/route.js
index a7815e1c..f5475f82 100644
--- a/gui/app/pods/auth/login/route.js
+++ b/gui/app/pods/auth/login/route.js
@@ -62,10 +62,10 @@ export default Route.extend({
 
 	activate() {
 		this.get('browser').setTitleAsPhrase('Login');
-		$('body').addClass('background-color-theme-light');
+		$('body').addClass('background-color-theme-light d-flex justify-content-center align-items-center');
 	},
 
 	deactivate() {
-		$('body').removeClass('background-color-theme-light');
+		$('body').removeClass('background-color-theme-light d-flex justify-content-center align-items-center');
 	}
 });
diff --git a/gui/app/pods/auth/login/template.hbs b/gui/app/pods/auth/login/template.hbs
index ed771d85..b6c90426 100644
--- a/gui/app/pods/auth/login/template.hbs
+++ b/gui/app/pods/auth/login/template.hbs
@@ -1,24 +1,26 @@
-{{#if model.showLogin}}
-    <div class="auth-box">
-        <div class="logo">
-            <img src="/assets/img/logo-color.png" title="Documize" alt="Documize" class="img-fluid" />
-        </div>
-		<form {{action 'login' on="submit"}}>
-			<div class="form-group">
-				<label for="authEmail">Email</label>
-				{{focus-input type="email" value=email id="authEmail" class="form-control mousetrap" placeholder=""}}
+<div class="auth-center">
+	{{#if model.showLogin}}
+		<div class="auth-box">
+			<div class="logo">
+				<img src="/assets/img/logo-purple.png" title="Documize" alt="Documize" class="img-fluid" />
 			</div>
-			<div class="form-group">
-				<label for="authPassword">Password</label>
-				{{input type="password" value=password id="authPassword" class="form-control"}}
-			</div>
-			<button type="submit" class="btn btn-primary mt-4">Sign in</button>
-			<div class="{{unless invalidCredentials "invisible"}} color-red mt-3">Invalid credentials</div>
-			{{#if isAuthProviderDocumize}}
-				<div class="mt-5">
-					{{#link-to 'auth.forgot'}}Forgot your password?{{/link-to}}
+			<form {{action 'login' on="submit"}}>
+				<div class="form-group">
+					<label for="authEmail">Email</label>
+					{{focus-input type="email" value=email id="authEmail" class="form-control mousetrap" placeholder="" autocomplete="username email"}}
 				</div>
-			{{/if}}
-		</form>
-    </div>
-{{/if}}
\ No newline at end of file
+				<div class="form-group">
+					<label for="authPassword">Password</label>
+					{{input type="password" value=password id="authPassword" class="form-control" autocomplete="current-password"}}
+				</div>
+				<button type="submit" class="btn btn-success font-weight-bold text-uppercase mt-4">Sign in</button>
+				<div class="{{unless invalidCredentials "invisible"}} color-red mt-3">Invalid credentials</div>
+				{{#if isAuthProviderDocumize}}
+					<div class="mt-5">
+						{{#link-to 'auth.forgot'}}Forgot your password?{{/link-to}}
+					</div>
+				{{/if}}
+			</form>
+		</div>
+	{{/if}}
+</div>
diff --git a/gui/app/pods/auth/reset/route.js b/gui/app/pods/auth/reset/route.js
index fca11afd..de103902 100644
--- a/gui/app/pods/auth/reset/route.js
+++ b/gui/app/pods/auth/reset/route.js
@@ -19,10 +19,10 @@ export default Route.extend({
 
 	activate() {
 		this.get('browser').setTitleAsPhrase('Reset Password');
-		$('body').addClass('background-color-theme-light');
+		$('body').addClass('background-color-theme-light d-flex justify-content-center align-items-center');
 	},
 
 	deactivate() {
-		$('body').removeClass('background-color-theme-light');
+		$('body').removeClass('background-color-theme-light d-flex justify-content-center align-items-center');
 	}
 });
diff --git a/gui/app/pods/auth/reset/template.hbs b/gui/app/pods/auth/reset/template.hbs
index f3a0c8c5..5b87d3d2 100644
--- a/gui/app/pods/auth/reset/template.hbs
+++ b/gui/app/pods/auth/reset/template.hbs
@@ -1,6 +1,8 @@
-<div class="auth-box">
-    <div class="logo">
-        <img src="/assets/img/logo-color.png" title="Documize" alt="Documize" class="img-fluid" />
-    </div>
-    {{password-reset reset=(action 'reset')}}
+<div class="auth-center">
+	<div class="auth-box">
+		<div class="logo">
+			<img src="/assets/img/logo-purple.png" title="Documize" alt="Documize" class="img-fluid" />
+		</div>
+		{{password-reset reset=(action 'reset')}}
+	</div>
 </div>
diff --git a/gui/app/styles/layout/layout-master.scss b/gui/app/styles/layout/layout-master.scss
index 390d1f94..f360bb13 100644
--- a/gui/app/styles/layout/layout-master.scss
+++ b/gui/app/styles/layout/layout-master.scss
@@ -132,3 +132,22 @@ footer {
 		bottom: auto;
 	}
 }
+
+/**
+ * Conditional CSS for Edge 12+.
+ * @link: https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/
+ */
+ @supports (-ms-ime-align:auto) {
+	// For IE/Edge footer must be at bottom as sticky/flex is not quite supported.
+	.layout-footer, footer {
+		position: relative !important;
+	}
+}
+
+/**
+ * Conditional CSS for IE 8+ (and old Firefox 1.x).
+ * @link: https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/
+ */
+@media screen\0 {
+	/* Conditional IE styles */
+}
diff --git a/gui/app/templates/components/forgot-password.hbs b/gui/app/templates/components/forgot-password.hbs
index 659dc6ab..e9ba745a 100644
--- a/gui/app/templates/components/forgot-password.hbs
+++ b/gui/app/templates/components/forgot-password.hbs
@@ -4,10 +4,10 @@
     {{else}}
         <div class="form-group">
             <label for="email">Email</label>
-            {{focus-input type="email" value=email id="email" class="form-control {{if hasEmptyEmailError 'is-invalid')}}"}}
+            {{focus-input type="email" value=email id="email" class=(if hasEmptyEmailError 'form-control is-invalid' 'form-control')}}
         </div>
         <div class="mt-4">
-            <button type="submit" class="btn btn-primary">Reset</button>
+            <button type="submit" class="btn btn-success font-weight-bold text-uppercase">Reset</button>
         </div>
     {{/if}}
 	<div class="mt-5">
diff --git a/gui/app/templates/components/password-reset.hbs b/gui/app/templates/components/password-reset.hbs
index 75c7b375..1a89db5c 100644
--- a/gui/app/templates/components/password-reset.hbs
+++ b/gui/app/templates/components/password-reset.hbs
@@ -2,16 +2,16 @@
     <form {{action 'reset' on="submit"}}>
         <div class="form-group">
             <label>New Password</label>
-            {{focus-input type="password" value=password id="newPassword" class=(if hasPasswordError 'form-control is-invalid' 'form-control')}}
+            {{focus-input type="password" value=password id="newPassword" autocomplete="new-password" class=(if hasPasswordError 'form-control is-invalid' 'form-control')}}
             <small class="form-text text-muted">Choose a strong password</small>
         </div>
         <div class="form-group">
             <label>Confirm Password</label>
-            {{input type="password" value=passwordConfirm id="passwordConfirm" class=(if hasConfirmError 'form-control is-invalid' 'form-control')}}
+            {{input type="password" value=passwordConfirm id="passwordConfirm" autocomplete="new-password" class=(if hasConfirmError 'form-control is-invalid' 'form-control')}}
             <small class="form-text text-muted">Please type your new password again</small>
         </div>
         <div class="margin-top-10 margin-bottom-20">
-            <button type="submit" class="btn btn-success">Reset</button>
+            <button type="submit" class="btn btn-success font-weight-bold text-uppercase">Reset</button>
             <span class="{{unless mustMatch "d-none"}} color-red margin-left-20">Passwords must match</span>
         </div>
     </form>