diff --git a/src/components/NpmCard.js b/src/components/NpmCard.js
index 88e765a..d723052 100644
--- a/src/components/NpmCard.js
+++ b/src/components/NpmCard.js
@@ -3,20 +3,22 @@ import { FaNpm } from 'react-icons/fa'
 import { Card, CardTitle, DedicatedAvailability } from './Card'
 
 export default function NpmCard({ name }) {
+  const lowerCase = name.toLowerCase()
+
   return (
-    <Card key={name}>
+    <Card key={lowerCase}>
       <CardTitle>npm</CardTitle>
       <DedicatedAvailability
-        name={name}
+        name={lowerCase}
         provider="npm"
-        url={`https://www.npmjs.com/package/${name}`}
+        url={`https://www.npmjs.com/package/${lowerCase}`}
         prefix="npmjs.com/"
         icon={<FaNpm />}
       />
       <DedicatedAvailability
-        name={name}
+        name={lowerCase}
         provider="npm-org"
-        url={`https://www.npmjs.com/org/${name}`}
+        url={`https://www.npmjs.com/org/${lowerCase}`}
         prefix="npmjs.com/~"
         suffix=" (Org)"
         icon={<FaNpm />}