Ensure icons don't overflow within table column

Author: Sean Prashad

web/src/components/Table/index.js

@@ -51,14 +51,16 @@ const Table = () => {
             Header: 'Companies',
             accessor: 'companies',
             Cell: cellInfo => {
-              return cellInfo.row.original.companies.map(company => {
+              const companies = cellInfo.row.original.companies.map(company => {
                 const icon = images(`./${company}.png`);
                 return (
                   <span key={company} title={company}>
                     <img src={icon} alt={company} />
                   </span>
                 );
               });
+
+              return <Row className="companies">{companies}</Row>;
             },
             disableSortBy: true,
           },

web/src/components/Table/styles.scss

@@ -24,4 +24,9 @@
   .hard {
     background-color: #d9534f;
   }
+
+  .companies {
+    justify-content: space-evenly;
+    margin: 0;
+  }
 }