Improves webkit compatibility for Chrome/Chromium browsers

src/components/Form/Input.tsx

@@ -44,6 +44,8 @@ const StyledInput = styled.input<StyledInputTypes>`
 const StyledLabel = styled.label<StyledInputTypes>`
   color: ${colors.textColor};
   ${props => applySize(props.inputSize)};
+  padding: 0;
+  font-size: 1.6rem;
 `;
 
 const Input = (inputProps: Props): JSX.Element => {

src/components/Form/Nav.tsx

@@ -6,13 +6,14 @@ import colors from 'styles/colors';
 import { ReactNode } from 'react';
 
 const Header = styled(StyledCard)`
-  margin: 1rem;
+  margin: 1rem auto;
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
   justify-content: space-between;
   padding: 0.5rem 1rem;
   align-items: center;
+  width: 95vw;
 `;
 
 const Nav = (props: { children?: ReactNode}) => {

src/components/Results/DnsServer.tsx

@@ -20,9 +20,9 @@ const DnsServerCard = (props: {data: any, title: string, actionButtons: any }):
       {dnsSecurity.dns.map((dns: any, index: number) => {
         return (<>
           { dnsSecurity.dns.length > 1 && <Heading as="h4" size="small" color={colors.primary}>DNS Server #{index+1}</Heading> }
-          <Row lbl="IP Address" val={dns.address} />
-          { dns.hostname && <Row lbl="Hostname" val={dns.hostname} /> }
-          <Row lbl="DoH Support" val={dns.dohDirectSupports ? '✅ Yes*' : '❌ No*'} />
+          <Row lbl="IP Address" val={dns.address} key={`ip-${index}`} />
+          { dns.hostname && <Row lbl="Hostname" val={dns.hostname}  key={`host-${index}`} /> }
+          <Row lbl="DoH Support" val={dns.dohDirectSupports ? '✅ Yes*' : '❌ No*'} key={`doh-${index}`} />
         </>);
       })}
       {dnsSecurity.dns.length > 0 && (<small>

src/pages/Home.tsx

@@ -60,8 +60,12 @@ const SiteFeaturesWrapper = styled(StyledCard)`
   .links {
     display: flex;
     justify-content: center;
+    gap: 0.5rem;
     a {
       width: 100%;
+      button {
+        width: calc(100% - 2rem);
+      }
     }
   }
   ul {

src/utils/docs.ts

@@ -1,4 +1,4 @@
-interface Doc {
+export interface Doc {
   id: string;
   title: string;
   description: string;