diff --git a/website/components/home/hero.tsx b/website/components/home/hero.tsx
index 0163f17c51..9881411053 100644
--- a/website/components/home/hero.tsx
+++ b/website/components/home/hero.tsx
@@ -153,7 +153,7 @@ export function Companies() {
       <div className="slider">
         <div className="slide-track-5 hover:pause mt-6 grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 justify-around items-center">
           {[...entries, ...entries].map(({ component, url }) => (
-            <div className="w-[12rem] relative grayscale opacity-60 hover:opacity-100 transition duration-200 hover:grayscale-0">
+            <div key={url} className="w-[12rem] relative grayscale opacity-60 hover:opacity-100 transition duration-200 hover:grayscale-0">
               <a
                 href={url}
                 target="_blank"
diff --git a/website/components/home/showcase.tsx b/website/components/home/showcase.tsx
index 13a45587b3..3b6a096c15 100644
--- a/website/components/home/showcase.tsx
+++ b/website/components/home/showcase.tsx
@@ -71,6 +71,7 @@ export const ShowcaseSlider = () => {
       <div className="slide-track-10 hover:pause mt-6 grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5">
         {[...entries, ...entries, ...entries].map(({ image, name, url }, i) => (
           <a
+            key={url}
             href={`https://${url}`}
             target="_blank"
             className="pr-10 space-y-6 text-center w-[24rem] relative grayscale-[50%] opacity-90 hover:opacity-100 transition duration-200 hover:grayscale-0"
@@ -94,4 +95,3 @@ export const ShowcaseSlider = () => {
     </div>
   );
 };
-