Contribute page styling

src/components/Helps.js

@@ -10,9 +10,9 @@ export default function Helps () {
       <table className={styles.helpTable}>
         <thead>
           <tr className={styles.helpHeader}>
-            {header.map((h) => {
+            {header.map((h, i) => {
               return (
-                <td>
+                <td key={i}>
                   {h}
                 </td>
               )
@@ -20,10 +20,10 @@ export default function Helps () {
           </tr>
         </thead>
         <tbody>
-          {Object.keys(helpRows).map((key) => {
+          {Object.keys(helpRows).map((key, i) => {
             const item = helpRows[key]
             return (
-              <tr className={styles.helpRow}>
+              <tr className={styles.helpRow} key={i}>
                 <td>
                   {item.name}
                 </td>

src/components/Helps.module.css

@@ -17,6 +17,7 @@
 }
 
 .helpRow td {
+  padding: 10px;
   font-size: 16px;
 }