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};
     }
   }
 `;