diff --git a/src/ui/style/index.less b/src/ui/style/index.less
index af9c3e9b038..3064bb0fc11 100644
--- a/src/ui/style/index.less
+++ b/src/ui/style/index.less
@@ -417,7 +417,7 @@ button:focus {
   }
 }
 .text-gradient {
-  background: linear-gradient(132.94deg, #2ABB7F 5.01%, #FE6949 95.5%);
+  background: linear-gradient(132.94deg, #2abb7f 5.01%, #fe6949 95.5%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
@@ -432,10 +432,17 @@ button:focus {
   .ant-modal-confirm-content {
     padding: 0;
   }
-  .ant-modal-confirm-content, .ant-modal-content {
+  .ant-modal-confirm-content,
+  .ant-modal-content {
     background: var(--r-neutral-bg-1);
   }
   .ant-modal-content {
     box-shadow: none;
   }
-}
\ No newline at end of file
+  .ant-modal-body {
+    padding: 20px;
+  }
+  .ant-modal-confirm-content {
+    margin-bottom: 0 !important;
+  }
+}
diff --git a/src/ui/views/Dashboard/components/EcologyPopup/index.tsx b/src/ui/views/Dashboard/components/EcologyPopup/index.tsx
index eba061fcddd..969848d9c05 100644
--- a/src/ui/views/Dashboard/components/EcologyPopup/index.tsx
+++ b/src/ui/views/Dashboard/components/EcologyPopup/index.tsx
@@ -18,11 +18,12 @@ export const EcologyPopup = ({ visible, onClose }: Props) => {
   return (
     <Popup
       visible={visible}
+      height={'fit-content'}
       onClose={onClose}
       push={false}
       title={t('page.dashboard.echologyPopup.title')}
     >
-      <div className="flex flex-col gap-[8px]">
+      <div className="flex flex-col gap-[12px] pb-[8px]">
         {EcoChains.map((item) => {
           return (
             <div
@@ -45,6 +46,7 @@ export const EcologyPopup = ({ visible, onClose }: Props) => {
               <div className="text-r-neutral-title-1 text-[15px] font-medium flex-1">
                 {item?.name}
               </div>
+              <ThemeIcon src={RcIconArrowRight} className="ml-auto" />
             </div>
           );
         })}
diff --git a/src/ui/views/Ecology/constants.tsx b/src/ui/views/Ecology/constants.tsx
index bc928696ff4..c2f5a9c1f41 100644
--- a/src/ui/views/Ecology/constants.tsx
+++ b/src/ui/views/Ecology/constants.tsx
@@ -12,7 +12,7 @@ export const EcoChainMap = {
   [64165]: {
     name: 'Sonic Testnet',
     logo: 'https://soniclabs.com/images/chains/sonic-testnet.svg',
-    navBarClassName: 'bg-r-sonic-background',
+    // navBarClassName: 'bg-r-sonic-background',
     entry: SonicEntry,
   },
 };