diff --git a/web/account/log-in-form.css b/web/account/log-in-form.css
--- a/web/account/log-in-form.css
+++ b/web/account/log-in-form.css
@@ -47,3 +47,23 @@
   padding-left: 6px;
   align-self: center;
 }
+
+div.modal_body .input[type='text'],
+div.modal_body .input[type='password'] {
+  background: #282537;
+  border: 1px solid #211e2d;
+  transition: border 0.35s ease;
+  border-radius: 8px;
+}
+
+div.modal_body .input[type='text']::placeholder,
+div.modal_body .input[type='password']::placeholder {
+  color: #8c889b;
+}
+
+div.modal_body .input[type='text']:focus,
+div.modal_body .input[type='password']:focus {
+  outline: none;
+  border: #6a20e399 solid 1px;
+  transition: border 0.35s ease;
+}
diff --git a/web/account/password-input.css b/web/account/password-input.css
--- a/web/account/password-input.css
+++ b/web/account/password-input.css
@@ -9,12 +9,13 @@
   margin: 7px;
   padding: 6px;
   border: 0;
-  border-radius: 50%;
-  color: var(--fg);
+  color: #8c889b;
+  transition: color 0.3s ease;
 }
 
 .button:hover {
-  background-color: var(--show-password-bg-hover);
+  color: #ffffff;
+  transition: color 0.3s ease;
 }
 
 .wrapper {
diff --git a/web/account/traditional-login-form.react.js b/web/account/traditional-login-form.react.js
--- a/web/account/traditional-login-form.react.js
+++ b/web/account/traditional-login-form.react.js
@@ -132,6 +132,7 @@
         <div className={css.form_title}>Username</div>
         <div className={css.form_content}>
           <Input
+            className={css.input}
             type="text"
             placeholder="Username"
             value={username}
@@ -146,6 +147,7 @@
         <div className={css.form_title}>Password</div>
         <div className={css.form_content}>
           <PasswordInput
+            className={css.input}
             value={password}
             onChange={onPasswordChange}
             disabled={inputDisabled}
diff --git a/web/components/button.css b/web/components/button.css
--- a/web/components/button.css
+++ b/web/components/button.css
@@ -10,7 +10,7 @@
 
 .btn {
   --border-width: 1px;
-  --border-radius: 4px;
+  --border-radius: 8px;
 
   position: relative;
   font-size: var(--m-font-16);
diff --git a/web/theme.css b/web/theme.css
--- a/web/theme.css
+++ b/web/theme.css
@@ -64,7 +64,9 @@
   --success: var(--success-dark-50);
 
   /* Color Theme */
-  --btn-bg-filled: var(--violet-dark-100);
+
+  /* Feb 2023: New color that will be introduced in updated design system. */
+  --btn-bg-filled: #6a20e3;
   --btn-bg-outline: var(--shades-black-90);
   --btn-bg-success: var(--success-dark-50);
   --btn-bg-danger: var(--error-primary);