Colours on key

src/components/graph-cases.tsx

@@ -86,19 +86,19 @@ const GraphCases: React.FC<Props> = ({ countries }) => {
           />
         ))}
       </LineChart>
-      <>
-        {countries.map(({ country }, index) => (
-          <React.Fragment key={country}>
+      <ul>
+        {countries.map(({ country, color }, index) => (
+          <li key={country} style={{ color }}>
             <h3>{country}</h3>
-            <p>
+            <p style={{ color: 'black' }}>
               Source:{' '}
               <a href={countryCases[index].dataSource.source}>
                 {countryCases[index].dataSource.source}
               </a>
             </p>
-          </React.Fragment>
+          </li>
         ))}
-      </>
+      </ul>
     </div>
   );
 };