fix: avoid html validation errors

nextstrain · Jun 17, 2020 · d5627b2 · d5627b2
1 parent b0e1327
commit d5627b2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/packages/web/src/components/Main/Result.tsx b/packages/web/src/components/Main/Result.tsx
@@ -31,12 +31,14 @@ export function Result({ result }: ResultProps) {
 
   return (
     <Table className="results-table">
-      <tr className="results-table-row">
-        <th className="results-table-header">{t('Sequence name')}</th>
-        <th className="results-table-header">{t('Clades')}</th>
-        <th className="results-table-header">{t('Mutations')}</th>
-      </tr>
-      {rows}
+      <thead>
+        <tr className="results-table-row">
+          <th className="results-table-header">{t('Sequence name')}</th>
+          <th className="results-table-header">{t('Clades')}</th>
+          <th className="results-table-header">{t('Mutations')}</th>
+        </tr>
+      </thead>
+      <tbody>{rows}</tbody>
     </Table>
   )
 }
diff --git a/packages/web/src/styles/components/Main.scss b/packages/web/src/styles/components/Main.scss
@@ -41,6 +41,12 @@
   box-shadow: 2px 2px 3px 3px rgba($gray-900, 0.25);
   border: 1px solid $gray-400;
 
+  thead,
+  tbody {
+    border: none;
+    border-image-width: 0;
+  }
+
   .results-table-row {
     padding-top: 0;
     padding-bottom: 0;