From 0f779f9d434efa4aa0cd22cdb050ab12423ce064 Mon Sep 17 00:00:00 2001
From: Sammy Teillet <sammy.teillet@gmail.com>
Date: Wed, 19 Apr 2023 15:45:46 +0200
Subject: [PATCH] feature: change the border color again

---
 front/src/components/table/ClickableCell.tsx |  2 +-
 front/src/components/table/Table.tsx         | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/front/src/components/table/ClickableCell.tsx b/front/src/components/table/ClickableCell.tsx
index fdae76a33..c57e020ca 100644
--- a/front/src/components/table/ClickableCell.tsx
+++ b/front/src/components/table/ClickableCell.tsx
@@ -8,7 +8,7 @@ type OwnProps = {
 };
 
 const Container = styled.span`
-  margin-left: 4px;
+  margin-left: ${(props) => props.theme.spacing(2)};
 `;
 
 function ClickableCell({ href, children }: OwnProps) {
diff --git a/front/src/components/table/Table.tsx b/front/src/components/table/Table.tsx
index 5ca35bfd9..c504b21dc 100644
--- a/front/src/components/table/Table.tsx
+++ b/front/src/components/table/Table.tsx
@@ -25,21 +25,21 @@ const StyledTable = styled.table`
   th {
     color: ${(props) => props.theme.text40};
     padding: 0;
-    border-top: 1px solid ${(props) => props.theme.primaryBorder};
-    border-bottom: 1px solid ${(props) => props.theme.primaryBorder};
+    border-top: 1px solid ${(props) => props.theme.tertiaryBackground};
+    border-bottom: 1px solid ${(props) => props.theme.tertiaryBackground};
     text-align: left;
     :not(:last-child) {
-      border-right: 1px solid ${(props) => props.theme.primaryBorder};
+      border-right: 1px solid ${(props) => props.theme.tertiaryBackground};
     }
   }
 
   td {
     color: ${(props) => props.theme.text80};
     padding: 0;
-    border-bottom: 1px solid ${(props) => props.theme.primaryBorder};
+    border-bottom: 1px solid ${(props) => props.theme.tertiaryBackground};
     text-align: left;
     :not(:last-child) {
-      border-right: 1px solid ${(props) => props.theme.primaryBorder};
+      border-right: 1px solid ${(props) => props.theme.tertiaryBackground};
     }
   }
 `;