From 4c8596e60c6a9080ae46849af4e251d2103c5800 Mon Sep 17 00:00:00 2001
From: adeelehsan <adeel.ehsan@arbisoft.com>
Date: Wed, 23 Jun 2021 23:05:51 +0500
Subject: [PATCH] ui issues fixed

VAN-624 & 629
---
 src/redesign/_style.scss            | 9 +++++++++
 src/redesign/login/LoginFailure.jsx | 6 +++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/redesign/_style.scss b/src/redesign/_style.scss
index 117d48ee..713f10b3 100644
--- a/src/redesign/_style.scss
+++ b/src/redesign/_style.scss
@@ -81,6 +81,8 @@ $accent-a-light: #c9f2f5;
 
 .form-control {
   background-color: white !important;
+  font-size: 0.875rem;
+  line-height: 1.5;
 }
 
 .btn-social {
@@ -659,3 +661,10 @@ select.form-control {
 .icon-size {
   width: 2.3rem;
 }
+.has-floating-label {
+  color: $gray-500;
+}
+.pgn__form-control-floating-label .pgn__form-control-floating-label-content {
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
diff --git a/src/redesign/login/LoginFailure.jsx b/src/redesign/login/LoginFailure.jsx
index fa9e4d2e..b8968855 100644
--- a/src/redesign/login/LoginFailure.jsx
+++ b/src/redesign/login/LoginFailure.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';
-import { Alert } from '@edx/paragon';
+import { Alert, Hyperlink } from '@edx/paragon';
 import { Error } from '@edx/paragon/icons';
 import PropTypes from 'prop-types';
 
@@ -73,9 +73,9 @@ const LoginFailureMessage = (props) => {
       break;
     case FAILED_LOGIN_ATTEMPT: {
       resetLink = (
-        <a href="/reset">
+        <Hyperlink destination="/reset" isInline>
           {intl.formatMessage(messages['login.incorrect.credentials.error.before.account.blocked.text'])}
-        </a>
+        </Hyperlink>
       );
       errorList = (
         <>