From c444bcb46babbf5eca4fe6d99fb42f83490c1277 Mon Sep 17 00:00:00 2001
From: Shafqat Farhan <shafqat.farhan@arbisoft.com>
Date: Thu, 1 Jul 2021 19:28:05 +0500
Subject: [PATCH] VAN-634 - Adjust field validation text size (#381)

* VAN-635 - Adjust validation text size

* VAN-635 - Added EOF line
---
 src/redesign/_style.scss                         | 8 ++++++++
 src/redesign/common-components/FormGroup.jsx     | 3 +--
 src/redesign/common-components/PasswordField.jsx | 2 +-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/redesign/_style.scss b/src/redesign/_style.scss
index 36edc8c0..72329203 100644
--- a/src/redesign/_style.scss
+++ b/src/redesign/_style.scss
@@ -682,3 +682,11 @@ select.form-control {
   font-size: 0.875rem;
   line-height: 1.5;
 }
+
+.pgn__form-text {
+  font-size: 0.75rem;
+}
+
+.pgn__form-group {
+  margin-bottom: 1.75rem;
+}
diff --git a/src/redesign/common-components/FormGroup.jsx b/src/redesign/common-components/FormGroup.jsx
index fbbb5cbd..32caa06e 100644
--- a/src/redesign/common-components/FormGroup.jsx
+++ b/src/redesign/common-components/FormGroup.jsx
@@ -7,7 +7,6 @@ import PropTypes from 'prop-types';
 
 const FormGroup = (props) => {
   const [hasFocus, setHasFocus] = useState(false);
-  const className = props.className || 'mb-4';
 
   const handleFocus = (e) => {
     setHasFocus(true);
@@ -22,7 +21,7 @@ const FormGroup = (props) => {
   };
 
   return (
-    <Form.Group controlId={props.name} className={className} isInvalid={props.errorMessage !== ''}>
+    <Form.Group controlId={props.name} className={props.className} isInvalid={props.errorMessage !== ''}>
       <Form.Control
         as={props.as}
         type={props.type}
diff --git a/src/redesign/common-components/PasswordField.jsx b/src/redesign/common-components/PasswordField.jsx
index f45a4ab3..129a5078 100644
--- a/src/redesign/common-components/PasswordField.jsx
+++ b/src/redesign/common-components/PasswordField.jsx
@@ -55,7 +55,7 @@ const PasswordField = (props) => {
   );
 
   return (
-    <Form.Group controlId={props.name} className="mb-4" isInvalid={props.errorMessage !== ''}>
+    <Form.Group controlId={props.name} isInvalid={props.errorMessage !== ''}>
       <OverlayTrigger key="tooltip" placement={placement} overlay={tooltip} show={showTooltip}>
         <Form.Control
           as="input"