diff --git a/components/layout/footer.js b/components/layout/footer.js
index 1424029b..5fe9d2e4 100644
--- a/components/layout/footer.js
+++ b/components/layout/footer.js
@@ -48,20 +48,20 @@ const Footer = () => {
Phone +1(202) 729-7600
Fax: +1 (202) 720 7610
+
-
-
- {intl.formatMessage({ id: 'terms.title' })}
-
- |
-
- {intl.formatMessage({ id: 'Privacy Policy' })}
-
- |
-
-
+
+
+ {intl.formatMessage({ id: 'terms.title' })}
+
+ |
+
+ {intl.formatMessage({ id: 'Privacy Policy' })}
+
+ |
+
diff --git a/css/components/layout/_footer.scss b/css/components/layout/_footer.scss
index d4334f65..e16d617d 100644
--- a/css/components/layout/_footer.scss
+++ b/css/components/layout/_footer.scss
@@ -7,6 +7,7 @@
color: $color-white;
display: flex;
justify-content: space-between;
+ flex-wrap: wrap;
}
.footer-item {
@@ -105,6 +106,8 @@
.footer-item {
&.wri-contact-details {
p {
+ margin-bottom: 0;
+
@include breakpoint(small only) {
font-size: $font-size-small;
@@ -139,6 +142,8 @@
.footer-links {
margin-top: $space-1 * 2;
white-space: nowrap;
+ flex-basis: 100%;
+ text-align: right;
a, .c-link-button {
color: $white;
diff --git a/e2e/cypress.config.js b/e2e/cypress.config.js
index 8ca92257..487b2a66 100644
--- a/e2e/cypress.config.js
+++ b/e2e/cypress.config.js
@@ -7,7 +7,7 @@ module.exports = defineConfig({
viewportWidth: 1280,
viewportHeight: 720,
env: {
- pluginVisualRegressionMaxDiffThreshold: 0.03,
+ pluginVisualRegressionMaxDiffThreshold: 0.036,
},
e2e: {
baseUrl: 'http://localhost:4000',