diff --git a/app/component/disruption.scss b/app/component/disruption.scss index c3eae32a93..558c112a19 100644 --- a/app/component/disruption.scss +++ b/app/component/disruption.scss @@ -150,6 +150,7 @@ .alert-body { font-size: $font-size-small; font-weight: 200; + white-space: pre-wrap; .alert-url { color: $primary-color; diff --git a/app/component/navigation.scss b/app/component/navigation.scss index 2b6c133d09..dfcd0c5ac8 100644 --- a/app/component/navigation.scss +++ b/app/component/navigation.scss @@ -813,6 +813,7 @@ section.content { .message-bar-container { .react-swipe-container, .single-alert { .message-content { + white-space: pre-wrap; .message-bar-link { color: $white; } diff --git a/app/component/stops-near-you.scss b/app/component/stops-near-you.scss index 804f9a879a..e51d607a0c 100644 --- a/app/component/stops-near-you.scss +++ b/app/component/stops-near-you.scss @@ -383,6 +383,7 @@ @include font-medium; text-decoration: none; font-weight: 100; + white-space: pre-wrap; background-color: #dc0451; color: white; font-size: 0.9375rem;