From 385c2e539adb7c6aa3e6e3cc0cf78e2a368ff3a4 Mon Sep 17 00:00:00 2001
From: catherine meng <mcatherine1994@gmail.com>
Date: Thu, 4 Jan 2024 16:07:52 -0800
Subject: [PATCH] fix primevue message style

---
 .../primevue-components-overrides.scss        | 26 +++++++------------
 1 file changed, 10 insertions(+), 16 deletions(-)

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 {