diff --git a/css/login.css b/css/login.css
index 23ed5052c..4640806c4 100644
--- a/css/login.css
+++ b/css/login.css
@@ -6,14 +6,13 @@ html,body {
 
 h1 {
 	color: #1C94C4;
-	font-size: 16pt;
+	font-size: 1.83rem;
 }
 
 a {
 	text-decoration: none;
 	color: #1c94c4;
 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
-	font-size: 12px;
 }
 
 a:hover {
@@ -27,11 +26,14 @@ a:hover {
 }
 
 #login-body {
-	background: #eee;
+	background: #E1E7EC;
 	margin: 0;
 	padding: 0;
 	height: 100%;
 	position: relative;
+	font-size: 1rem;
+	font-family: "Monorale";
+	font-weight: 500;
 }
 
 #login-header {
@@ -60,7 +62,7 @@ a:hover {
 #login-content {
 	padding: 20px;
 	background-color: #fff;
-	border: 2px solid #CBD2D9;
+	border: 2px solid #CCD4DB;
 	border-radius: 4px;
 	margin-top: 224px;
 }
@@ -97,7 +99,6 @@ a:hover {
 	width: 70%;
 	margin-left: 15%;
 	color: #37322f;
-	font-size: 12px;
 	margin-top: 10px;
 }
 
@@ -109,7 +110,7 @@ a:hover {
 	margin-left:auto;
 	margin-right:auto;
 	width:40%;
-	color: #eee;
+	color: #E1E7EC;
 }
 
 #login-form-content .divider hr.left {
@@ -125,19 +126,6 @@ a:hover {
 	margin-top: 10px;
 }
 
-#login-input input {
-	background-color: #fff;
-	height: 2em;
-	padding: 0.1em 1em;
-	border: solid 2px #DDD;
-	border-radius: 0.25em;
-	width: calc(100% - 2em - 4px);
-}
-
-#login-input input:focus {
-	border-color: #A0AEC0;
-}
-
 #login-additional-controls > div {
 	text-align: left;
 	margin-top: 10px;
@@ -170,11 +158,11 @@ a:hover {
 }
 
 #login-submit input, #forgot_pwd_sent input{
-	background-color: #333a4b;
+	background-color: #404B5A;
 	padding: 0.1em 1em;
 	border-radius: 0.25em;
 	width: 100%;
-	color: #eee;
+	color: #E1E7EC;
 	border: 0;
 	height: 2.2em;
 	margin-top: 10px;
diff --git a/templates/pages/login/extensionblock/loginforminput.html.twig b/templates/pages/login/extensionblock/loginforminput.html.twig
index 18ef05b94..a2119ee20 100644
--- a/templates/pages/login/extensionblock/loginforminput.html.twig
+++ b/templates/pages/login/extensionblock/loginforminput.html.twig
@@ -3,9 +3,9 @@
 
 <div>
 		<label for="user">{{ 'UI:Login:UserNamePrompt'|dict_s }}</label>
-		<input id="user" type="text" name="auth_user" tabindex="1" value="{{ aData.sAuthUser }}" autofocus>
+		<input id="user" class="ibo-input" type="text" name="auth_user" tabindex="1" value="{{ aData.sAuthUser }}" autofocus>
 </div>
 <div>
 		<label for="pwd">{{ 'UI:Login:PasswordPrompt'|dict_s }}</label>
-		<input id="pwd" type="password" name="auth_pwd" tabindex="2" autocomplete="off" value="{{ aData.sAuthPwd }}">
+		<input id="pwd" class="ibo-input" type="password" name="auth_pwd" tabindex="2" autocomplete="off" value="{{ aData.sAuthPwd }}">
 </div>