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"