From b12c41a51c7a56d40e255a6ef6eef90cce88e5fa Mon Sep 17 00:00:00 2001
From: lw <linhtm@cdmteck.com>
Date: Wed, 7 Feb 2024 11:04:49 +0700
Subject: [PATCH] [Issue-2598] Update UI for earning screens

---
 .../Popup/Home/Earning/EarningEntry/EarningOptions/index.tsx  | 4 ++++
 .../Home/Earning/EarningEntry/EarningPositions/index.tsx      | 4 ++++
 .../src/Popup/Home/Earning/EarningPools/index.tsx             | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/packages/extension-koni-ui/src/Popup/Home/Earning/EarningEntry/EarningOptions/index.tsx b/packages/extension-koni-ui/src/Popup/Home/Earning/EarningEntry/EarningOptions/index.tsx
index baa0c909b7f..9aa7793b26f 100644
--- a/packages/extension-koni-ui/src/Popup/Home/Earning/EarningEntry/EarningOptions/index.tsx
+++ b/packages/extension-koni-ui/src/Popup/Home/Earning/EarningEntry/EarningOptions/index.tsx
@@ -328,6 +328,10 @@ function Component ({ className, hasEarningPositions, setEntryView }: Props) {
 }
 
 const EarningOptions = styled(Component)<Props>(({ theme: { token } }: Props) => ({
+  '.ant-sw-sub-header-container': {
+    marginBottom: token.marginXS
+  },
+
   '.__section-list-container': {
     height: '100%',
     flex: 1
diff --git a/packages/extension-koni-ui/src/Popup/Home/Earning/EarningEntry/EarningPositions/index.tsx b/packages/extension-koni-ui/src/Popup/Home/Earning/EarningEntry/EarningPositions/index.tsx
index 89cd5a11b47..47c4eebc3c5 100644
--- a/packages/extension-koni-ui/src/Popup/Home/Earning/EarningEntry/EarningPositions/index.tsx
+++ b/packages/extension-koni-ui/src/Popup/Home/Earning/EarningEntry/EarningPositions/index.tsx
@@ -286,6 +286,10 @@ function Component ({ className, earningPositions, setEntryView, setLoading }: P
 }
 
 const EarningPositions = styled(Component)<Props>(({ theme: { token } }: Props) => ({
+  '.ant-sw-sub-header-container': {
+    marginBottom: token.marginXS
+  },
+
   '.__section-list-container': {
     height: '100%',
     flex: 1
diff --git a/packages/extension-koni-ui/src/Popup/Home/Earning/EarningPools/index.tsx b/packages/extension-koni-ui/src/Popup/Home/Earning/EarningPools/index.tsx
index 0027e18a9a7..e997bc9783a 100644
--- a/packages/extension-koni-ui/src/Popup/Home/Earning/EarningPools/index.tsx
+++ b/packages/extension-koni-ui/src/Popup/Home/Earning/EarningPools/index.tsx
@@ -335,6 +335,10 @@ const Wrapper = ({ className }: Props) => {
 };
 
 const EarningPools = styled(Wrapper)<Props>(({ theme: { token } }: Props) => ({
+  '.ant-sw-sub-header-container': {
+    marginBottom: token.marginXS
+  },
+
   '.__section-list-container': {
     height: '100%',
     flex: 1