diff --git a/login/resources/css/custom.css b/login/resources/css/custom.css
index badfc05..12ee2b7 100644
--- a/login/resources/css/custom.css
+++ b/login/resources/css/custom.css
@@ -1,6 +1,6 @@
 :root {
-  --main-color: #7400b8;
-  --secondary-color: #5460ce;
+  --primary-color: #7400b8;
+  --secondary-color: #48bfe3;
   --background-color: #fff;
 }
 
@@ -65,17 +65,7 @@ body {
 
 .login-wrapper .form-control {
   border: none;
-  border-bottom: 1px solid var(--secondary-color);
-  border-radius: 0;
-  padding: 9px 5px;
-  min-height: 40px;
-  font-size: 18px;
-  font-weight: normal;
-}
-
-.login-wrapper .form-control {
-  border: none;
-  border-bottom: 1px solid var(--secondary-color);
+  border-bottom: 1px solid var(--primary-color);
   border-radius: 0;
   padding: 9px 5px;
   min-height: 40px;
@@ -85,11 +75,13 @@ body {
 }
 
 .login-wrapper .form-control:hover {
-  transition: scale(105%);
+  transform: scale(105%);
 }
 
 .login-wrapper .form-control:focus {
-  border-bottom: 3px solid var(--secondary-color);
+  border-bottom: 1px solid #48bfe3;
+  outline: none;
+  box-shadow: none;
 }
 
 .login-wrapper .form-control::-webkit-input-placeholder {
@@ -114,7 +106,7 @@ body {
 
 .login-wrapper .login-btn {
   padding: 13px 20px;
-  background-color: var(--main-color);
+  background-color: var(--primary-color);
   border-radius: 0;
   font-size: 20px;
   font-weight: bold;
@@ -123,9 +115,17 @@ body {
 }
 
 .login-wrapper .login-btn:hover {
-  border: 1px solid var(--main-color);
+  border: 1px solid var(--primary-color);
   background-color: var(--background-color);
-  color: var(--main-color);
+  color: var(--primary-color);
+}
+
+.login-wrapper .login-btn:focus {
+  border: 1px solid var(--primary-color);
+  background-color: var(--background-color);
+  color: var(--primary-color);
+  outline: none;
+  box-shadow: none;
 }
 
 .login-wrapper-footer-text {
@@ -135,7 +135,7 @@ body {
 }
 
 .login-title {
-  color: var(--main-color);
+  color: var(--primary-color);
 }
 
 .login-img {