diff --git a/src/_style.scss b/src/_style.scss
index 173a6947..f7a04414 100644
--- a/src/_style.scss
+++ b/src/_style.scss
@@ -425,7 +425,7 @@ select.form-control {
 }
 
 .small-screen-top-stripe {
-  height: 0.5rem;
+  height: 0.25rem;
   background-image: linear-gradient(
     102.02deg,
     $brand-700,
diff --git a/src/common-components/PasswordField.jsx b/src/common-components/PasswordField.jsx
index 9e9dafb7..2d19480a 100644
--- a/src/common-components/PasswordField.jsx
+++ b/src/common-components/PasswordField.jsx
@@ -40,15 +40,15 @@ const PasswordField = (props) => {
   const tooltip = (
     <Tooltip id={`password-requirement-${placement}`}>
       <span id="letter-check" className="d-flex position-relative align-content-start">
-        {LETTER_REGEX.test(props.value) ? <Icon className="text-success mr-1" src={Check} /> : <Icon className="mr-1" src={Remove} />}
+        {LETTER_REGEX.test(props.value) ? <Icon className="text-success mr-1" src={Check} /> : <Icon className="mr-1 text-light-700" src={Remove} />}
         {formatMessage(messages['one.letter'])}
       </span>
       <span id="number-check" className="d-flex position-relative align-content-start">
-        {NUMBER_REGEX.test(props.value) ? <Icon className="text-success mr-1" src={Check} /> : <Icon className="mr-1" src={Remove} />}
+        {NUMBER_REGEX.test(props.value) ? <Icon className="text-success mr-1" src={Check} /> : <Icon className="mr-1 text-light-700" src={Remove} />}
         {formatMessage(messages['one.number'])}
       </span>
       <span id="characters-check" className="d-flex position-relative align-content-start">
-        {props.value.length >= 8 ? <Icon className="text-success mr-1" src={Check} /> : <Icon className="mr-1" src={Remove} />}
+        {props.value.length >= 8 ? <Icon className="text-success mr-1" src={Check} /> : <Icon className="mr-1 text-light-700" src={Remove} />}
         {formatMessage(messages['eight.characters'])}
       </span>
     </Tooltip>
diff --git a/src/common-components/tests/FormField.test.jsx b/src/common-components/tests/FormField.test.jsx
index c78678d8..97b4a46c 100644
--- a/src/common-components/tests/FormField.test.jsx
+++ b/src/common-components/tests/FormField.test.jsx
@@ -74,9 +74,9 @@ describe('PasswordField', () => {
     });
     passwordField.update();
 
-    expect(passwordField.find('#letter-check span').prop('className')).toEqual('pgn__icon mr-1');
-    expect(passwordField.find('#number-check span').prop('className')).toEqual('pgn__icon mr-1');
-    expect(passwordField.find('#characters-check span').prop('className')).toEqual('pgn__icon mr-1');
+    expect(passwordField.find('#letter-check span').prop('className')).toEqual('pgn__icon mr-1 text-light-700');
+    expect(passwordField.find('#number-check span').prop('className')).toEqual('pgn__icon mr-1 text-light-700');
+    expect(passwordField.find('#characters-check span').prop('className')).toEqual('pgn__icon mr-1 text-light-700');
   });
 
   it('should update password requirement checks', async () => {