From 88910ae2c23e58bcabef43637977d17ec22d795d Mon Sep 17 00:00:00 2001
From: Felipe Monsalve <felipe.monsalve@apollographql.com>
Date: Mon, 12 Aug 2019 10:48:17 -0700
Subject: [PATCH] removed table header margins to match table body

---
 src/Table/Table.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Table/Table.tsx b/src/Table/Table.tsx
index f257ef76..95ea986f 100644
--- a/src/Table/Table.tsx
+++ b/src/Table/Table.tsx
@@ -83,7 +83,7 @@ export function Table<RowShape>({
             borderBottom: `1px solid ${colors.silver.dark}`,
           }}
         >
-          {columns.map(({ headerTitle, id }) => (
+          {columns.map(({ headerTitle, id }, colIndex) => (
             <th
               key={id}
               css={{
@@ -93,6 +93,8 @@ export function Table<RowShape>({
                 fontWeight: 600,
                 textAlign: "left",
                 padding,
+                paddingLeft: colIndex === 0 ? 0 : padding,
+                paddingRight: colIndex === columns.length - 1 ? 0 : padding,
               }}
             >
               {headerTitle}