diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss index ea95d3e..d0107a3 100644 --- a/style-sheets/primevue-components-overrides.scss +++ b/style-sheets/primevue-components-overrides.scss @@ -845,13 +845,6 @@ label { right: 0; } -.#{variables.$primevue-prefix}-message - .#{variables.$primevue-prefix}-message-wrapper { - display: flex; - align-items: baseline; - padding: 0.5rem 0.5rem 0.5rem 0; -} - .#{variables.$primevue-prefix}-message .#{variables.$primevue-prefix}-message-text { @extend %body-compact-01; @@ -876,24 +869,25 @@ label { flex-shrink: 0; } -.#{variables.$primevue-prefix}-message-close.#{variables.$primevue-prefix}-link { - margin-left: auto; - overflow: hidden; - position: relative; +.#{variables.$primevue-prefix}-message + .#{variables.$primevue-prefix}-message-wrapper { + 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; + 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.55rem 0 0; - align-self: baseline !important; + color: colors.$gray-100 !important; + margin: 0.55rem 0 0; + align-self: baseline !important; } .#{variables.$primevue-prefix}-message-close.#{variables.$primevue-prefix}-link {