From 39ce1a13997df3626a241c6d3d340faea1101eb8 Mon Sep 17 00:00:00 2001
From: fmvfelipemonsalve <monsalve@mit.edu>
Date: Mon, 12 Aug 2019 11:03:32 -0700
Subject: [PATCH] removed table header margins to match table body (#66)

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