Fix links overflowing their container in IE10/11

Set max-width to fix links overflowing in IE10/11 in the mobile viewport. https://github.com/philipwalton/flexbugs#2-column-flex-items-set-to-align-itemscenter-overflow-their-container
alphagov · Jan 26, 2021 · c98bd68 · c98bd68
1 parent d98bbff
commit c98bd68
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/src/govuk/objects/_button-group.scss b/src/govuk/objects/_button-group.scss
@@ -41,6 +41,7 @@
     .govuk-link {
       @include govuk-font($size: 19, $line-height: 19px);
       display: inline-block;
+      max-width: 100%;
       margin-top: $link-spacing;
       margin-bottom: $link-spacing + $vertical-gap;
       text-align: center;