diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss index 47c310a2..080d6d8d 100644 --- a/styles/components/_portfolio_layout.scss +++ b/styles/components/_portfolio_layout.scss @@ -370,12 +370,23 @@ } .to-performance-period { - &.to-expiring-soon { + display: flex; + flex-wrap: wrap; + .to-end-date { + margin-right: 1.2rem; + } + + &.to-expiring-soon { .to-expiration-alert { font-weight: $font-bold; font-size: 1.5rem; - margin-left: $gap; + word-break: normal; + white-space: normal; + + .icon { + margin-left: 0; + } } &.funded .to-expiration-alert { diff --git a/templates/portfolios/task_orders/index.html b/templates/portfolios/task_orders/index.html index 487ee901..c26bd969 100644 --- a/templates/portfolios/task_orders/index.html +++ b/templates/portfolios/task_orders/index.html @@ -45,7 +45,7 @@