diff --git a/app/webpacker/css/darkswarm/mixins.scss b/app/webpacker/css/darkswarm/mixins.scss index deec6c3831..e7385bd80f 100644 --- a/app/webpacker/css/darkswarm/mixins.scss +++ b/app/webpacker/css/darkswarm/mixins.scss @@ -211,3 +211,7 @@ @media all and (max-width: $mobile_breakpoint) { @content; } } } + +@mixin force-wrap { + word-wrap: break-word; +} diff --git a/app/webpacker/css/darkswarm/split-checkout.scss b/app/webpacker/css/darkswarm/split-checkout.scss index e24cccc7b0..ea89a87408 100644 --- a/app/webpacker/css/darkswarm/split-checkout.scss +++ b/app/webpacker/css/darkswarm/split-checkout.scss @@ -139,8 +139,7 @@ #distributor_address.panel { span { - white-space: pre-wrap; - word-wrap: break-word; + @include force-wrap; } } @@ -281,8 +280,7 @@ } .summary-description { - white-space: pre-wrap; - word-wrap: break-word; + @include force-wrap; } .summary-edit {