diff --git a/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss b/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss index c95243bf36..7c6c01d67f 100644 --- a/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss +++ b/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss @@ -4,12 +4,12 @@ $message-background-color: theme( 'message-background-color', - colors.surface(light) + colors.background(light) ); $message-divider-background-color: theme( 'message-divider-background-color', - colors.neutral(300) + colors.stroke(extra-light) ); $message-divider-color: theme('message-divider-color', colors.font(default)); diff --git a/packages/fuselage/src/components/Message/MessageToolbox/MessageToolbox.styles.scss b/packages/fuselage/src/components/Message/MessageToolbox/MessageToolbox.styles.scss index bde272e6b0..50b1578c52 100644 --- a/packages/fuselage/src/components/Message/MessageToolbox/MessageToolbox.styles.scss +++ b/packages/fuselage/src/components/Message/MessageToolbox/MessageToolbox.styles.scss @@ -14,7 +14,7 @@ 'message-toolbox-border-radius', lengths.border-radius(small) ); - background: colors.surface(light); + background: colors.background(light); &__wrapper { @include mixins.visible-on-hover();