diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss index bf3561e..4d1581b 100644 --- a/style-sheets/primevue-components-overrides.scss +++ b/style-sheets/primevue-components-overrides.scss @@ -836,9 +836,9 @@ label { .#{variables.$primevue-prefix}-message .#{variables.$primevue-prefix}-message-text { @extend %body-compact-01; - padding-left: 0.5rem; padding-right: 0.3125rem; - position: absolute; + position: relative; + display: flex; left: 0; right: 0; } @@ -851,21 +851,31 @@ label { .#{variables.$primevue-prefix}-message svg { margin-right: 0.9375rem; - margin-left: 1rem; + margin-left: 0.2rem; margin-bottom: 0.19rem; vertical-align: middle; + flex-shrink: 0; } .#{variables.$primevue-prefix}-message .#{variables.$primevue-prefix}-message-wrapper { - padding: 0.5rem 0.5rem 0.5rem 0; + display: flex; + align-items: baseline; + padding: 0 0.5rem 0 0; +} + +.#{variables.$primevue-prefix}-message-wrapper + .#{variables.$primevue-prefix}-message-close { + align-self: flex-start; + margin-top: 0.5rem; } .#{variables.$primevue-prefix}-message-wrapper .#{variables.$primevue-prefix}-message-close svg { - color: colors.$gray-100 !important; - margin: 0; + color: colors.$gray-100 !important; + margin: 0.55rem 0 0; + align-self: baseline !important; } .#{variables.$primevue-prefix}-message