diff --git a/benefits/core/templates/core/includes/form.html b/benefits/core/templates/core/includes/form.html index 98150540e0..ea861a1dca 100644 --- a/benefits/core/templates/core/includes/form.html +++ b/benefits/core/templates/core/includes/form.html @@ -20,7 +20,7 @@ {{ field }} - {% if field.help_text %}{{ field.help_text }}{% endif %} + {% if field.help_text %}{{ field.help_text }}{% endif %} {% endfor %} diff --git a/benefits/static/css/styles.css b/benefits/static/css/styles.css index 4b2685adfc..68f2d5bee9 100644 --- a/benefits/static/css/styles.css +++ b/benefits/static/css/styles.css @@ -548,6 +548,13 @@ footer .footer-links li a:visited { /* Input height should be 60px */ } +.form-container .form-control:focus, +.form-container .form-control:focus-visible { + outline: 3px solid var(--focus-color) !important; + outline-offset: 2px !important; + box-shadow: none !important; +} + .form-text { font-size: var(--font-size-14px); }