From 1c9b06dc38527c5611a19032e8567bbcdb16e830 Mon Sep 17 00:00:00 2001
From: Miyamae Yuuya <locona.0810@gmail.com>
Date: Sat, 26 Jun 2021 16:00:46 +0900
Subject: [PATCH] =?UTF-8?q?fix(Table):=20=E3=83=87=E3=82=B6=E3=82=A4?=
 =?UTF-8?q?=E3=83=B3=E4=BF=AE=E6=AD=A3=20(#89)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/table/Table.tsx     | 8 +++-----
 src/table/TableCell.tsx | 4 ++--
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/table/Table.tsx b/src/table/Table.tsx
index c266a0013..1e432ff7c 100644
--- a/src/table/Table.tsx
+++ b/src/table/Table.tsx
@@ -29,9 +29,7 @@ export function Table<T extends object>(
     return (
       <tr
         {...row.getRowProps()}
-        tw="border-b-2 border-middle
-        transform transition duration-300 ease-in-out
-        hover:shadow-hover"
+        tw="border-b-2 border-low transform transition duration-300 ease-in-out hover:bg-gray-bg"
       >
         {row.cells.map((cell) => (
           <>{cell.render('Cell')}</>
@@ -48,12 +46,12 @@ export function Table<T extends object>(
             <tr
               {...headerGroup.getHeaderGroupProps()}
               key={i}
-              tw="border-b-2 border-middle table-row align-middle"
+              tw="border-b-2 border-low table-row align-middle"
             >
               {headerGroup.headers.map((column, j) => (
                 <th
                   key={j}
-                  tw="py-4 px-6 font-bold text-base text-high text-left table-cell whitespace-nowrap"
+                  tw="p-3 font-bold text-base text-high text-left table-cell whitespace-nowrap"
                   scope="col"
                 >
                   {column.render('Header')}
diff --git a/src/table/TableCell.tsx b/src/table/TableCell.tsx
index b61b59a2d..c8b745fef 100644
--- a/src/table/TableCell.tsx
+++ b/src/table/TableCell.tsx
@@ -22,7 +22,7 @@ export const TableCell: React.VFC<TableCellProps> = ({
       {component === 'td' ? (
         <td
           key={key}
-          css={[tw`px-6 py-4 font-medium text-left`, twin]}
+          css={[tw`p-3 font-medium text-left text-high`, twin]}
           {...rest}
         >
           {children}
@@ -30,7 +30,7 @@ export const TableCell: React.VFC<TableCellProps> = ({
       ) : (
         <th
           key={key}
-          css={[tw`px-6 py-4  font-medium text-left`, twin]}
+          css={[tw`p-3 font-medium text-left text-high`, twin]}
           {...rest}
         >
           {children}