From 3e318f49bb4334cbed40e02589063e38f5997bf4 Mon Sep 17 00:00:00 2001
From: Martin Stievenart <stievenart.m@gmail.com>
Date: Thu, 11 Apr 2024 15:02:46 +0200
Subject: [PATCH] fix(table): use border instead of box-shadow to set th border

---
 packages/table/src/Table.stories.tsx | 5 ++++-
 packages/table/src/table.scss        | 9 ++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/table/src/Table.stories.tsx b/packages/table/src/Table.stories.tsx
index 10fe78563..8a9bee2aa 100644
--- a/packages/table/src/Table.stories.tsx
+++ b/packages/table/src/Table.stories.tsx
@@ -62,7 +62,10 @@ const Template: Story<TableProps & TTableArgs> = ({
   <Table {...args}>
     <Table.Header>
       <Table.Tr>
-        <Table.Th id={columnHeaderId} colSpan={3}>
+        <Table.Th id={columnHeaderId} colSpan={2}>
+          <span className="af-table-th-content">Some text</span>
+        </Table.Th>
+        <Table.Th id={columnHeaderId}>
           <span className="af-table-th-content">Some text</span>
         </Table.Th>
       </Table.Tr>
diff --git a/packages/table/src/table.scss b/packages/table/src/table.scss
index 28468cb32..cacd4dce6 100644
--- a/packages/table/src/table.scss
+++ b/packages/table/src/table.scss
@@ -8,15 +8,18 @@
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
   background: $white;
 
-  &-th {
-    font-weight: $table-head-font-weight;
+  thead .af-table__th:not(:last-child) {
+    border-right: 1px solid white;
+  }
+
+  tbody .af-table__tr:not(:last-child) .af-table__th {
+    border-bottom: 1px solid white;
   }
 
   &__th {
     height: 100%;
     color: $white;
     background: $color-azur;
-    box-shadow: 0 0 1px 1px $white;
     font-size: 1rem;
     text-align: left;
     position: relative;