diff --git a/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.styles.scss b/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.styles.scss index c378e717b8..b23e1f3094 100644 --- a/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.styles.scss +++ b/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.styles.scss @@ -39,6 +39,8 @@ $message-system-background-color-selected: functions.theme( @include typography.use-with-truncated-text(); margin-inline: lengths.margin(2); + white-space: pre-wrap; + color: colors.font(annotation); } @@ -63,6 +65,6 @@ $message-system-background-color-selected: functions.theme( &__block { display: flex; flex-direction: row; - align-items: center; + align-items: flex-start; } }