Merge branch '1722-homepage-stats-overflow'

3 files changed, 16 insertions, 9 deletions

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fe7efbd7d..33a877d39 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -24,6 +24,7 @@
         - Remove shortlist form from inspect duplicate list.
         - Fix pin size when JavaScript unavailable.
         - Fix display of text only body contacts #1895
+        - Prevent text overflow bug on homepage stats #1722
     - Admin improvements:
       - Character length limit can be placed on report detailed information #1848
       - Inspector panel shows nearest address if available #1850
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index b9c666da1..a3861738a 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -2036,11 +2036,11 @@ table.nicetable {
         size:0.8125em;
         weight:bold;
       }
-      big {
-        display:block;
-        margin-bottom:0.5em;
-        font-size:1.5385em;
-      }
+    }
+    big {
+      display:block;
+      margin-bottom:0.5em;
+      font-size:1.5385em;
     }
   }
 }
diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss
index 5a78ff4d5..fce99c3de 100644
--- a/web/cobrands/sass/_layout.scss
+++ b/web/cobrands/sass/_layout.scss
@@ -931,10 +931,16 @@ textarea.form-error {
     color: #222;
     border-top:0.25em solid $primary;
     padding-top:1em;
-    div {
-      big {
-        color: $layout_front_stats_color;
-        font-size: 3.2308em;
+    big {
+      color: $layout_front_stats_color;
+      font-size: 2em;
+      @media (min-width: 54em) {
+        // 54em roughly halfway between 48em and 62em
+        font-size: 2.5em;
+      }
+      @media (min-width: 62em) {
+        // container max-width 60em + 2em side padding
+        font-size: 3em;
       }
     }
   }