Remove table border and extraneous container pieces

Author: Sean Prashad

src/components/Table/index.js

@@ -194,7 +194,7 @@ const Table = () => {
   return (
     <Container className="table">
       <ReactTooltip />
-      <ReactTable align="center" striped hover {...getTableProps()}>
+      <ReactTable align="center" borderless striped hover {...getTableProps()}>
         <thead>
           {headerGroups.map(headerGroup => (
             <tr {...headerGroup.getHeaderGroupProps()}>

src/components/Table/styles.scss

@@ -1,6 +1,4 @@
 .table {
-  padding-top: 1rem;
-
   .row {
     justify-content: center;
   }

src/components/Tabs/index.js

@@ -62,31 +62,17 @@ const Tabs = () => {
           </NavLink>
         </NavItem>
       </Nav>
-      <Container>
-        <TabContent activeTab={activeTab}>
-          <TabPane tabId="1">
-            <Row>
-              <Col>
-                <Table />
-              </Col>
-            </Row>
-          </TabPane>
-          <TabPane tabId="2">
-            <Row>
-              <Col>
-                <Tips />
-              </Col>
-            </Row>
-          </TabPane>
-          <TabPane tabId="3">
-            <Row>
-              <Col>
-                <Acknowledgements />
-              </Col>
-            </Row>
-          </TabPane>
-        </TabContent>
-      </Container>
+      <TabContent activeTab={activeTab}>
+        <TabPane tabId="1">
+          <Table />
+        </TabPane>
+        <TabPane tabId="2">
+          <Tips />
+        </TabPane>
+        <TabPane tabId="3">
+          <Acknowledgements />
+        </TabPane>
+      </TabContent>
     </Container>
   );
 };