From 4bf40474e6dbbb51c4e5e2ee6818df44136db409 Mon Sep 17 00:00:00 2001
From: Sarju <sarju.hansaliya@gmail.com>
Date: Tue, 7 Mar 2023 10:28:18 +0530
Subject: [PATCH] fix: detail view border changes (#304)

---
 src/components/Pools/DetailModal/DetailView/styleds.tsx | 2 +-
 src/components/Pools/DetailModal/Header/styled.tsx      | 2 +-
 src/components/Pools/PoolCard/styleds.tsx               | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Pools/DetailModal/DetailView/styleds.tsx b/src/components/Pools/DetailModal/DetailView/styleds.tsx
index 7c6f730b0..004bfca22 100644
--- a/src/components/Pools/DetailModal/DetailView/styleds.tsx
+++ b/src/components/Pools/DetailModal/DetailView/styleds.tsx
@@ -24,7 +24,7 @@ export const MobileWrapper = styled(Box)`
 `;
 
 export const LeftSection = styled(Box)`
-  border-right: 2px solid ${({ theme }) => theme.text9};
+  border-right: 2px solid ${({ theme }) => theme.text6};
   display: flex;
   flex-direction: column;
 `;
diff --git a/src/components/Pools/DetailModal/Header/styled.tsx b/src/components/Pools/DetailModal/Header/styled.tsx
index 94e32e795..93ff9a554 100644
--- a/src/components/Pools/DetailModal/Header/styled.tsx
+++ b/src/components/Pools/DetailModal/Header/styled.tsx
@@ -7,7 +7,7 @@ export const HeaderRoot = styled(Box)`
   align-items: center;
   justify-content: space-between;
   padding: 20px;
-  border-bottom: 1px solid ${({ theme }) => theme.text9};
+  border-bottom: 1px solid ${({ theme }) => theme.text6};
 
   ${({ theme }) => theme.mediaWidth.upToSmall`
     border-bottom: none;
diff --git a/src/components/Pools/PoolCard/styleds.tsx b/src/components/Pools/PoolCard/styleds.tsx
index f84d1b3db..b3a162ed8 100644
--- a/src/components/Pools/PoolCard/styleds.tsx
+++ b/src/components/Pools/PoolCard/styleds.tsx
@@ -26,7 +26,7 @@ export const ContentWrapper = styled.div`
 
 export const Divider = styled(Box)`
   height: 1px;
-  background-color: ${({ theme }) => theme.bg7};
+  background-color: ${({ theme }) => theme.text6};
   margin: 10px 0px 10px 0px;
   width: 100%;
 `;