'
filter_html_help: true
filter_html_nofollow: false
filter_table_attributes:
diff --git a/web/themes/custom/usagov/sass/_benefit-search.scss b/web/themes/custom/usagov/sass/_benefit-search.scss
index b653b309f1..52328f81ab 100644
--- a/web/themes/custom/usagov/sass/_benefit-search.scss
+++ b/web/themes/custom/usagov/sass/_benefit-search.scss
@@ -330,14 +330,12 @@ main[data-pagetype="Benefits Category Search"]{
> h3 {
@include u-margin(0);
-
- font-size: 1.325rem;
+ @include u-font-size('sans', 'md');
}
> p {
@include u-margin(0);
-
- font-size: 1.0625rem;
+ @include u-font-size('sans', 'sm');
}
a::before {
diff --git a/web/themes/custom/usagov/sass/_benefits-block.scss b/web/themes/custom/usagov/sass/_benefits-block.scss
index db8a09c917..f3d5c10b43 100644
--- a/web/themes/custom/usagov/sass/_benefits-block.scss
+++ b/web/themes/custom/usagov/sass/_benefits-block.scss
@@ -43,22 +43,17 @@
padding: initial;
> h2 {
+ @include u-font('serif', 'xl');
@include u-text('blue-80v');
- @include u-font-family('serif');
- @include u-margin(0);
+ @include u-margin-top(0);
@include u-margin-bottom(2);
-
- font-size: 2.2rem;
line-height: 117.4%;
letter-spacing: -0.39px;
}
.benefits-block__content, p {
@include u-text('blue-80v');
- @include u-font-family('sans');
@include u-margin(0);
-
- font-size: 1.25rem;
}
}
@@ -71,7 +66,7 @@ a.usa-button.benefits-link {
@include u-padding(3);
@include u-bg('blue-80v');
@include u-display(flex);
- @include u-font-family('sans');
+ @include u-font('sans', 'lg');
grid-area: button;
text-decoration: none;
@@ -79,7 +74,6 @@ a.usa-button.benefits-link {
margin: auto;
justify-content: center;
align-items: center;
- font-size: 22px;
font-weight: 600;
width: 100%;
border: solid 2px transparent;
diff --git a/web/themes/custom/usagov/sass/_ceo.scss b/web/themes/custom/usagov/sass/_ceo.scss
index 39df784a1a..1760b28e04 100644
--- a/web/themes/custom/usagov/sass/_ceo.scss
+++ b/web/themes/custom/usagov/sass/_ceo.scss
@@ -19,7 +19,6 @@
.ceo-button {
margin-inline: 0 !important;
- width: fit-content;
}
// Hides the City or County accordion header when there are no results.
diff --git a/web/themes/custom/usagov/sass/_fed-directory.scss b/web/themes/custom/usagov/sass/_fed-directory.scss
index 0e5e54beb4..2709c82ad4 100644
--- a/web/themes/custom/usagov/sass/_fed-directory.scss
+++ b/web/themes/custom/usagov/sass/_fed-directory.scss
@@ -34,12 +34,12 @@
width: 44px;
height: 44px;
text-decoration: none;
- @include u-text('gray-90');
box-sizing: border-box;
@include u-bg('cyan-10');
border: 2px solid $secondary-border;
border-radius: 0.01rem;
- font-size: 1.5rem;
+ @include u-font-size('sans', 'lg');
+ @include u-text('gray-90');
@include u-text('semibold');
transition: box-shadow 200ms, background-color 200ms;
}
@@ -138,11 +138,10 @@ div.field--name-field-offices-near-you> ul {
}
.fed-directory-search-input {
+ @include u-font-size('sans', 'xs');
+ @include u-text('gray-90');
@include u-bg('white');
outline: none;
- font-size: 0.98rem;
- @include u-text('gray-90');
- @include u-text('medium');
border-style: none;
line-height: 1.5;
}
@@ -159,7 +158,7 @@ div.field--name-field-offices-near-you> ul {
height: 2rem;
min-width: 3rem;
padding: 0 0.75rem;
- font-size: 1.1rem;
+ // font-size: 1.1rem;
img {
width: 1.5rem;
@@ -186,9 +185,7 @@ div.field--name-field-offices-near-you> ul {
// Letter Heading
.usagov-directory-letter-heading {
- @include u-font-family('sans');
- font-size: 2.375rem;
-
+ @include u-font('sans', 'xl');
text-align: center;
line-height: 57px;
outline: solid 0.15rem color('gray-90');
@@ -237,7 +234,7 @@ div div.field--name-field-offices-near-you>ul>li {
text-decoration: none;
text-align: center;
line-height: 57px;
- font-size: 2.375rem;
+ @include u-font-size('sans', 'xl');
@include u-text('gray-90', !important);
outline: solid 0.15rem color('cyan-50v');
@include u-bg('cyan-10');
diff --git a/web/themes/custom/usagov/sass/_footer.scss b/web/themes/custom/usagov/sass/_footer.scss
index e382d2818d..422dfac390 100644
--- a/web/themes/custom/usagov/sass/_footer.scss
+++ b/web/themes/custom/usagov/sass/_footer.scss
@@ -3,11 +3,6 @@
/* ---- All Footers ---- */
-.usa-footer--big .usa-footer__primary-content--collapsible .usa-footer__primary-link {
- @include u-font-family('sans');
- font-size: 1.2rem;
-}
-
.usa-footer--big {
padding-top: 2rem;
}
@@ -27,7 +22,7 @@
}
.usa-sign-up__heading {
- @include u-font-family('sans');
+ @include u-font('sans','lg');
}
.usa-footer__primary-content--collapsible.hidden {
@@ -40,18 +35,22 @@
font-feature-settings: "kern" 1;
font-kerning: normal;
box-sizing: inherit;
+ @include u-font('sans', 'md');
+ @include u-text('bold');
@include u-text('gray-90');
text-decoration: none;
padding: 0;
- @include u-text('bold');
line-height: 1.2;
margin: 0;
margin-bottom: 0;
- align-items: center;
+ align-items: baseline;
display: flex;
justify-content: flex-start;
- @include u-font-family('sans');
- font-size: 1.2rem;
+
+ @include at-media('desktop') {
+ // Match the height of ones that wrap
+ min-height: 2.75rem;
+ }
}
.usa-gov-footer__primary-link--button {
@@ -124,7 +123,7 @@
border: 1px solid color('gray-90');
line-height: 1.5;
margin-inline: 0 !important;
- font-size: 1.1rem;
+ @include u-font-size('sans', 'md');
}
.footer-button:hover {
@@ -135,12 +134,6 @@
@include u-border('gray-90');
}
-.ftr-list {
- @media (min-width: 64em) {
- padding-top: 1.4rem;
- }
-}
-
/* ---- Secondary Footer ---- */
.usa-footer__secondary-section {
background-color: color("cyan-10");
diff --git a/web/themes/custom/usagov/sass/_header.scss b/web/themes/custom/usagov/sass/_header.scss
index fa9dfbc219..d46640315f 100644
--- a/web/themes/custom/usagov/sass/_header.scss
+++ b/web/themes/custom/usagov/sass/_header.scss
@@ -104,7 +104,7 @@
text-decoration: none;
padding: 10px 20px;
line-height: .9;
- font-size: .93rem;
+ @include u-font-size('sans', '2xs');
margin: 0;
border: 2px solid transparent;
@@ -171,7 +171,8 @@
@include u-flex("row", "align-end");
bottom: 6rem;
- width: 32rem;
+ // width: 32rem;
+ width: calc(27ch + 3rem + 1rem + 16rem);
}
}
@@ -181,7 +182,8 @@
@include u-flex("row", "align-end");
bottom: 6rem;
- width: 33rem;
+ // width: 33rem;
+ width: calc(27ch + 3rem + 1rem + 17rem);
}
}
@@ -201,7 +203,7 @@
// This is to make the header link stretch out
.usa-header--extended .usa-nav__secondary-links {
@include at-media($theme-header-min-width) {
- width: 15rem;
+ width: 16rem;
margin-bottom: 0;
}
}
@@ -230,8 +232,8 @@
}
.usa-header--extended .usa-nav__secondary-links a {
+ @include u-font-size('sans', 'md');
@include at-media($theme-header-min-width) {
- font-size: 1.13rem;
padding-left: 0.5rem;
padding-top: 0.2rem;
}
@@ -239,9 +241,7 @@
.usa-header--extended .usa-nav__secondary-links a:lang(es) {
@include at-media($theme-header-min-width) {
- font-size: 1.13rem;
padding-left: 0.2rem;
- padding-top: 0.2rem;
}
}
diff --git a/web/themes/custom/usagov/sass/_homepage.scss b/web/themes/custom/usagov/sass/_homepage.scss
index d278e0bd3b..219d9dcdb8 100644
--- a/web/themes/custom/usagov/sass/_homepage.scss
+++ b/web/themes/custom/usagov/sass/_homepage.scss
@@ -52,9 +52,9 @@
}
h1 {
- @include u-font-family('serif');
- font-size: 2.2em;
- margin: 0;
+ @include u-font('serif', 'xl');
+ @include u-margin-top(0);
+ @include u-margin-bottom(2);
}
h3 {
@@ -62,8 +62,7 @@
}
p {
- @include u-font-family('sans');
- font-size: 1.25em;
+ @include u-font('sans', 'md');
margin: 0;
line-height: 1.5;
}
@@ -115,11 +114,6 @@
box-shadow: 0 6px 6px $blue-shadow;
padding: 30px 28px 35px 30px;
- p {
- font-size: 1.125em;
- margin-top: 20px;
- }
-
@include at-media("tablet") {
width: clamp(50%, 450px, 100%);
}
@@ -160,7 +154,7 @@
}
h2 {
- font-size: 1.875em;
+ @include u-font-size('sans', 'lg');
}
}
@@ -186,12 +180,11 @@
/* Jump */
.jump {
padding: 0;
+ @include u-font('sans', 'sm');
text-align: center;
a {
@include u-text('white');
- @include u-font-family('sans');
- font-size: 1.038em;
text-decoration: underline;
display: inline-block;
margin-bottom: 10px;
@@ -229,10 +222,8 @@
border-bottom: 10px solid color('red-50');
h2 {
+ @include u-font('serif', 'xl');
@include u-text('red-50');
- @include u-font-family('serif');
- font-size: 2.44em;
- //uswds font-weight mixin
@include u-text('bold');
margin: 65px 5vw 0;
max-width: 1124px;
@@ -297,9 +288,8 @@
h2,
p {
+ @include u-font-size('sans', 'md');
@include u-text('gray-90');
- @include u-font-family('sans');
- font-size: 1.038em;
}
h2 {
diff --git a/web/themes/custom/usagov/sass/_mobile-menu.scss b/web/themes/custom/usagov/sass/_mobile-menu.scss
index 6093661be3..087c37bd25 100644
--- a/web/themes/custom/usagov/sass/_mobile-menu.scss
+++ b/web/themes/custom/usagov/sass/_mobile-menu.scss
@@ -70,9 +70,9 @@ ul.navigation__items {
align-items: center;
background: transparent;
border: 0;
+ @include u-font('sans', 'md');
@include u-text('gray-90');
font-weight: bold;
- font-size: larger;
text-decoration: none;
margin: unset;
width: auto;
@@ -109,7 +109,7 @@ ul.navigation__items {
padding: 0;
padding-top: 2rem;
height: auto;
- font-size: 1rem;
+ @include u-font-size('sans', 'xs');
font-weight: normal;
cursor: pointer;
}
diff --git a/web/themes/custom/usagov/sass/_uswds-theme-custom-styles.scss b/web/themes/custom/usagov/sass/_uswds-theme-custom-styles.scss
index 971137b756..655791b4e8 100644
--- a/web/themes/custom/usagov/sass/_uswds-theme-custom-styles.scss
+++ b/web/themes/custom/usagov/sass/_uswds-theme-custom-styles.scss
@@ -96,15 +96,62 @@ Buttons with visited links would mysteriously get white text which is not access
color: initial;
}
+
+
+/****************************************************************************************
+ AFTER UPDATING CONTENT BUTTONS, REMOVE STYLES FOR .usa-button--secondary
+*****************************************************************************************
+
+The following usa-button--secondary styles override the default look of USWDS utility classes.
+This hinders our ability to use those classes to acheive their intended effect.
+It would be better to use a custom usagov-button class.
+Any buttons updated to use the custom class can be updated anytime without impacting utility classes.
+
+*****************************************************************************************
+
+We currently apply these classes to our buttons in our content:
+ class="usa-button usa-button--secondary usa-button--big"
+The new approach uses these classes:
+ class="usa-button usagov-button"
+
+*****************************************************************************************
+
+To update existing content buttons:
+ - edit the content page
+ - In CKEditor, select the button
+ - In the style dropdown, select the Button option twice to toggle the style off and back on
+ - Save the content page
+
+******************************************************************************************/
.usa-button--secondary {
- font-size: 1.1rem;
border: 2px solid $secondary-border;
}
-
.usa-button--secondary:hover {
background-color: $secondary-background;
border: 2px solid $secondary-border;
}
+.usa-button--secondary.usa-button--big {
+ @include u-font-size('sans', 'md');
+}
+/****************************************************************************************
+ AFTER UPDATING CONTENT BUTTONS, KEEP STYLES FOR .usagov-button
+****************************************************************************************/
+.usagov-button{
+ border: 2px solid $secondary-border;
+ @include u-font-size('sans', 'md');
+ padding: units(2) units(3);
+ @include set-text-and-bg("secondary", $context: "Button");
+
+ &:hover {
+ background-color: $secondary-background;
+ border: 2px solid $secondary-border;
+ }
+}
+/****************************************************************************************
+ END OF CONTENT BUTTON UPDATE CODE
+****************************************************************************************/
+
+
/*
This style ensures that we can remove the padding-top from text in a card body. Used on navigation pages.
@@ -169,15 +216,6 @@ a.usa-button.hero-button {
}
}
-.usa-button {
- width: 100%;
- line-height: 1.5;
-
- @media (min-width: 30em) {
- width: auto;
- }
-}
-
.usagov-button--outline-black {
box-shadow: $theme-button-stroke-width color('black');
@include u-text('black');
@@ -233,33 +271,10 @@ a {
@include u-text('blue-warm-70v');
}
-#block-usagov-content .font-serif-lg {
- // This style is needed to set the font size of intro text
- font-size: 1.5rem;
-}
-
.usa-prose > p.usa-intro {
max-width: none;
}
-@media (max-width: 30em) {
- .usa-alert,
- .usa-prose,
- .usa-table,
- .usa-form,
- .usa-radio__label,
- .usa-footer,
- .usa-nav .usa-accordion,
- .usa-accordian__heading,
- .text-primary-lighter,
- .usa-hero,
- .usa-identifier,
- .usa-label,
- .usa-description {
- font-size: 1.1rem;
- }
-}
-
.desktop\:grid-col-8 .body-copy {
// Add margin only on content pages
margin-top: 2.5rem;
@@ -316,7 +331,7 @@ div #sm-share {
display: flex;
padding-bottom: 22px;
background-color: transparent;
- font-size: 1rem;
+ @include u-font-size('sans', 'xs');
}
#share-page {
@@ -536,8 +551,7 @@ div[class^="QSIUserDefinedHTML"] {
#pagesurvey-qual-hdr {
@include u-bg('cyan-10');
-
- font-size: 130%;
+ @include u-font('serif', 'lg');
display: block;
@include u-text('gray-90');
@@ -566,12 +580,6 @@ div[class^="QSIUserDefinedHTML"] {
// END Page Level Survey extra CSS
-.usa-prose p,
-.usa-prose li,
-.usa-prose a {
- font-size: 1.1rem;
-}
-
.usa-prose.body-copy {
&>h1, &>h2, &>h3, &>h4 {
clear: unset;
@@ -586,31 +594,8 @@ div[class^="QSIUserDefinedHTML"] {
}
}
-.usa-accordion__heading button,
-.usa-accordion__heading p,
-.usa-accordion__heading a {
- font-size: 1.1rem;
-}
-
-#question-box > div > p,
-#question-box > div > div {
- font-size: 1.1rem;
-}
-
-#prior,
-#next {
- font-size: 1.1rem;
-}
-
-#wizard-border > fieldset > label,
-.wizard_result > p {
- font-size: 1.1rem;
-}
-
-.last,
-#last-updated,
-#share-page {
- font-size: 1rem;
+#last-updated {
+ @include u-font-size('sans', 'xs');
}
.visually-hidden {
@@ -784,10 +769,6 @@ select:not([disabled]):focus,
}
}
-.usagov-button {
- font-size: 1.1rem;
-}
-
.usa-pagination .usa-current {
background-color: color('blue-warm-70v');
@@ -920,7 +901,7 @@ input::-webkit-textfield-decoration-container {
.benefits-finder-content {
.usa-prose>p.usa-intro {
@include u-margin(0);
-
+ @include u-font-size('serif', 'md');
max-width: 100%;
}
}
diff --git a/web/themes/custom/usagov/sass/_uswds-theme.scss b/web/themes/custom/usagov/sass/_uswds-theme.scss
index 76b5996849..94e4fd3261 100644
--- a/web/themes/custom/usagov/sass/_uswds-theme.scss
+++ b/web/themes/custom/usagov/sass/_uswds-theme.scss
@@ -57,6 +57,11 @@ USWDS Variables
$theme-color-error: "red-50",
$theme-accordion-border-color: "gray-cool-10",
+ // Font-Sizes
+ $theme-body-font-size: "md",
+ $theme-h1-font-size: "xl",
+ $theme-h2-font-size: "lg",
+ $theme-h3-font-size: "md",
// Font-Weights
$theme-font-weight-medium: 500,
$theme-font-weight-semibold: 600,
diff --git a/web/themes/custom/usagov/sass/_wizard.scss b/web/themes/custom/usagov/sass/_wizard.scss
index 4ab6475695..57afd0ab68 100644
--- a/web/themes/custom/usagov/sass/_wizard.scss
+++ b/web/themes/custom/usagov/sass/_wizard.scss
@@ -39,7 +39,7 @@
}
h1, h2, h3, h4 {
- font-family: Merriweather Web,Georgia,Cambria,Times New Roman,Times,serif;
+ @include u-font-family('serif');
}
.usagov-wizard--content-step-indicator {
@@ -48,7 +48,7 @@
}
h2 {
- font-size: 2rem;
+ @include u-font-size('serif', 'xl');
line-height: 120%;
}
diff --git a/web/themes/custom/usagov/scripts/ceoResults.js b/web/themes/custom/usagov/scripts/ceoResults.js
index ba854d9484..9b68d10bdc 100644
--- a/web/themes/custom/usagov/scripts/ceoResults.js
+++ b/web/themes/custom/usagov/scripts/ceoResults.js
@@ -353,7 +353,7 @@ function renderResults(response, rawResponse) {
let linkToContact = document.createElement("button");
let firstEmail = email[0];
- linkToContact.setAttribute("class", "usa-button usa-button--secondary state-email");
+ linkToContact.setAttribute("class", "usa-button usagov-button state-email");
linkToContact.style.marginTop = "15px";
linkToContact.style.marginBottom = "8px";
linkToContact.innerHTML = content["contact-via-email"];
diff --git a/web/themes/custom/usagov/scripts/stateDirectory.js b/web/themes/custom/usagov/scripts/stateDirectory.js
index e8b383f7e2..825f9c70b0 100644
--- a/web/themes/custom/usagov/scripts/stateDirectory.js
+++ b/web/themes/custom/usagov/scripts/stateDirectory.js
@@ -39,7 +39,7 @@ jQuery(document).ready(function ($) {
// add the submit button
const sumBtn = docLang === "es" ? "Ir" : "Go";
$("#submitAfter").append(
- `${sumBtn} `
+ `${sumBtn} `
);
var goButton = $(".sd-go-btn");
diff --git a/web/themes/custom/usagov/templates/block--mobile-navigation.html.twig b/web/themes/custom/usagov/templates/block--mobile-navigation.html.twig
index 2b30279869..03ea0047ae 100644
--- a/web/themes/custom/usagov/templates/block--mobile-navigation.html.twig
+++ b/web/themes/custom/usagov/templates/block--mobile-navigation.html.twig
@@ -159,7 +159,7 @@
hidden_input_id:"affiliate-mobile-menu",
input_id:"search-field-small-mobile-menu",
input_classes:"usa-input text usagov-search-autocomplete ui-autocomplete-input",
- button_classes:"usa-button usagov-button",
+ button_classes:"usa-button",
placeholder_string,
value_string,
label_string,
diff --git a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-elected-officials-email.html.twig b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-elected-officials-email.html.twig
index 6c393ff076..a6329c13d0 100644
--- a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-elected-officials-email.html.twig
+++ b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-elected-officials-email.html.twig
@@ -46,7 +46,7 @@
name="input-action"
rows="5"
>
- Create my email
+ Create my email
diff --git a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-elected-officials.html.twig b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-elected-officials.html.twig
index 02931f2cd2..e540969615 100644
--- a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-elected-officials.html.twig
+++ b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-elected-officials.html.twig
@@ -167,7 +167,7 @@
Learn how USA.gov protects your privacy .
diff --git a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-funcionarios-electos-correo-electronico.html.twig b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-funcionarios-electos-correo-electronico.html.twig
index 4b4e0e0f7d..b11e0b3c17 100644
--- a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-funcionarios-electos-correo-electronico.html.twig
+++ b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-funcionarios-electos-correo-electronico.html.twig
@@ -49,7 +49,7 @@
name="input-action"
rows="5"
>
- Crear mensaje de correo
+ Crear mensaje de correo
diff --git a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-funcionarios-electos.html.twig b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-funcionarios-electos.html.twig
index 05b4591607..9da2b15d57 100644
--- a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-funcionarios-electos.html.twig
+++ b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-funcionarios-electos.html.twig
@@ -130,7 +130,7 @@
Conozca cómo USAGov en Español protege su privacidad .
-
Encontrar a mis funcionarios electos
diff --git a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-reporte-problemas-en-este-sitio-web.html.twig b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-reporte-problemas-en-este-sitio-web.html.twig
index e0d3fce2df..aaf3d69b7b 100644
--- a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-reporte-problemas-en-este-sitio-web.html.twig
+++ b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-reporte-problemas-en-este-sitio-web.html.twig
@@ -111,7 +111,7 @@
- Enviar
+ Enviar
Este sitio web está protegido por reCAPTCHA y Google
diff --git a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-site-issue-report-form.html.twig b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-site-issue-report-form.html.twig
index f6906675ae..7ec7e64023 100644
--- a/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-site-issue-report-form.html.twig
+++ b/web/themes/custom/usagov/templates/field--node--field-custom-twig-content-site-issue-report-form.html.twig
@@ -111,7 +111,7 @@
- Submit
+ Submit
This site is protected by reCAPTCHA and the Google
diff --git a/web/themes/custom/usagov/templates/field--node--field-page-intro.html.twig b/web/themes/custom/usagov/templates/field--node--field-page-intro.html.twig
index b981b2dc09..f268350c7a 100644
--- a/web/themes/custom/usagov/templates/field--node--field-page-intro.html.twig
+++ b/web/themes/custom/usagov/templates/field--node--field-page-intro.html.twig
@@ -47,7 +47,7 @@ set title_classes = [
{% for item in items %}
@@ -56,7 +56,7 @@ set title_classes = [
{% else %}
{% for item in items %}
@@ -70,7 +70,7 @@ set title_classes = [
{% endif %}
{% for item in items %}
diff --git a/web/themes/custom/usagov/templates/field--node--field-wizard-step--wizard-step.html.twig b/web/themes/custom/usagov/templates/field--node--field-wizard-step--wizard-step.html.twig
index 881f8a8659..364e811e9a 100644
--- a/web/themes/custom/usagov/templates/field--node--field-wizard-step--wizard-step.html.twig
+++ b/web/themes/custom/usagov/templates/field--node--field-wizard-step--wizard-step.html.twig
@@ -48,14 +48,14 @@
{{translation.prior}}
- {{translation.next}}
+ {{translation.next}}
{% else %}
diff --git a/web/themes/custom/usagov/templates/field--node--field-wizard-step--wizard.html.twig b/web/themes/custom/usagov/templates/field--node--field-wizard-step--wizard.html.twig
index 52368114a7..416ae9f1c4 100644
--- a/web/themes/custom/usagov/templates/field--node--field-wizard-step--wizard.html.twig
+++ b/web/themes/custom/usagov/templates/field--node--field-wizard-step--wizard.html.twig
@@ -16,7 +16,7 @@
{% for item in items %}
{% set url = item.content["#url"] %}