From 7e2e23bf46c2009be7fa4eb0b38a60fcd9492b51 Mon Sep 17 00:00:00 2001
From: rhahao <26148770+rhahao@users.noreply.github.com>
Date: Tue, 3 Dec 2024 20:49:53 +0300
Subject: [PATCH] fix(components): unfreeze top section for new update

---
 src/components/info-message/index.tsx | 3 ++-
 src/components/snackbar/index.tsx     | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/info-message/index.tsx b/src/components/info-message/index.tsx
index 0c00f265a3..835247076f 100644
--- a/src/components/info-message/index.tsx
+++ b/src/components/info-message/index.tsx
@@ -69,6 +69,7 @@ const InfoMessage = (props: InfoMessagePropsType) => {
       {props.messageIcon}
       <Box
         sx={{
+          minWidth: '280px',
           width: '100%',
           display: 'flex',
           alignItems:
@@ -104,7 +105,7 @@ const InfoMessage = (props: InfoMessagePropsType) => {
             variant="semi-white"
             onClick={props.actionClick}
             startIcon={props.actionIcon}
-            sx={{ minHeight: '44px' }}
+            sx={{ minHeight: '44px', marginLeft: '24px' }}
             disableAutoStretch
           >
             {props.actionText}
diff --git a/src/components/snackbar/index.tsx b/src/components/snackbar/index.tsx
index 2b5283ed03..e91a379255 100644
--- a/src/components/snackbar/index.tsx
+++ b/src/components/snackbar/index.tsx
@@ -69,8 +69,10 @@ const Snackbar = (props: SnackbarPropsType) => {
         padding: 0,
         top: position === 'top-center' ? '80px' : 'unset',
         bottom: position === 'bottom-center' ? '24px' : 'unset',
+        left: '50%',
+        right: 'auto',
+        transform: 'translateX(-50%)',
         '.MuiSnackbarContent-message': {
-          width: '100%',
           display: 'flex',
           justifyContent: 'center',
           padding: 0,