fix(atoms): fix table border

8base · Nov 19, 2018 · 5f00a45 · 5f00a45
1 parent 26b304b
commit 5f00a45
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/atoms/Table/TableBody.js b/src/atoms/Table/TableBody.js
@@ -66,12 +66,12 @@ class TableBody extends PureComponent<TableBodyProps<*>> {
     const hasBodyRows = data && data.length > 0;
 
     return (
-      <TableBodyWrapperTag>
+      <TableBodyWrapperTag { ...rest }>
         <AsyncContent loading={ loading } stretch>
           {
             hasBodyRows
               ? (
-                <TableBodyTag { ...rest } tagName={ Grid.Layout }>
+                <TableBodyTag tagName={ Grid.Layout }>
                   { React.Children.toArray(data && children && data.map(children)) }
                 </TableBodyTag>
               )

diff --git a/src/atoms/Table/TableBodyRow.js b/src/atoms/Table/TableBodyRow.js
@@ -21,6 +21,10 @@ const TableBodyRowTag = createStyledTag(name, (props: *) => ({
   display: 'grid',
   borderBottom: `1px solid ${props.theme.COLORS.LIGHT_GRAY1}`,
   height: '6rem',
+
+  '&:last-child': {
+    borderBottom: 'none',
+  },
 }));
 
 function TableBodyRow({