From 5166859f8048c55601b15ff772b294ec533bf2c4 Mon Sep 17 00:00:00 2001
From: Weiko <corentin@twenty.com>
Date: Sat, 5 Aug 2023 21:22:52 +0200
Subject: [PATCH] [Opportunities] fix overlapping borders (#1091)

* [Opportunities] fix overlapping borders

* remove margin on SortAndFilterBar

* add margin-right to StyledBoard
---
 front/src/modules/ui/board/components/BoardHeader.tsx | 1 +
 front/src/modules/ui/board/components/StyledBoard.tsx | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/front/src/modules/ui/board/components/BoardHeader.tsx b/front/src/modules/ui/board/components/BoardHeader.tsx
index 9aae9d00a..e975ca5a4 100644
--- a/front/src/modules/ui/board/components/BoardHeader.tsx
+++ b/front/src/modules/ui/board/components/BoardHeader.tsx
@@ -57,6 +57,7 @@ export function BoardHeader<SortField>({
 
   return (
     <TopBar
+      displayBottomBorder={false}
       leftComponent={
         <>
           <StyledIcon>{viewIcon}</StyledIcon>
diff --git a/front/src/modules/ui/board/components/StyledBoard.tsx b/front/src/modules/ui/board/components/StyledBoard.tsx
index 459729fc1..1b39fa2be 100644
--- a/front/src/modules/ui/board/components/StyledBoard.tsx
+++ b/front/src/modules/ui/board/components/StyledBoard.tsx
@@ -1,9 +1,10 @@
 import styled from '@emotion/styled';
 
 export const StyledBoard = styled.div`
-  border-radius: ${({ theme }) => theme.spacing(2)};
+  border-top: 1px solid ${({ theme }) => theme.border.color.light};
   display: flex;
   flex: 1;
   flex-direction: row;
-  padding-left: ${({ theme }) => theme.spacing(2)};
+  margin-left: ${({ theme }) => theme.spacing(2)};
+  margin-right: ${({ theme }) => theme.spacing(2)};
 `;