fix: fix tbody > tr nesting warning

Redocly · Feb 5, 2018 · a3cbb14 · a3cbb14
1 parent a7e9254
commit a3cbb14
Showing 1 changed file with 18 additions and 12 deletions.
diff --git a/src/components/SecurityRequirement/SecuirityRequirement.tsx b/src/components/SecurityRequirement/SecuirityRequirement.tsx
@@ -46,6 +46,10 @@ const AuthHeader = styled(UnderlinedHeader)`
   display: inline-block;
 `;
 
+const Table = styled.table`
+  width: 100%;
+`;
+
 export interface SecurityRequirementsProps {
   securities: SecurityRequirementModel[];
 }
@@ -57,18 +61,20 @@ export class SecurityRequirements extends React.PureComponent<SecurityRequiremen
       return null;
     }
     return (
-      <table>
-        <tr>
-          <AuthHeaderColumn>
-            <AuthHeader>Authorizations: </AuthHeader>
-          </AuthHeaderColumn>
-          <SecuritiesColumn>
-            {securities.map((security, idx) => (
-              <SecurityRequirement key={idx} security={security} />
-            ))}
-          </SecuritiesColumn>
-        </tr>
-      </table>
+      <Table>
+        <tbody>
+          <tr>
+            <AuthHeaderColumn>
+              <AuthHeader>Authorizations: </AuthHeader>
+            </AuthHeaderColumn>
+            <SecuritiesColumn>
+              {securities.map((security, idx) => (
+                <SecurityRequirement key={idx} security={security} />
+              ))}
+            </SecuritiesColumn>
+          </tr>
+        </tbody>
+      </Table>
     );
   }
 }