diff --git a/apps/website/src/components/Card.tsx b/apps/website/src/components/Card.tsx
index 9f7ea660d..40cf343d0 100644
--- a/apps/website/src/components/Card.tsx
+++ b/apps/website/src/components/Card.tsx
@@ -1,5 +1,5 @@
 import { ComponentChildren, HTMLAttributes } from "preact";
-import Button from "./Button";
+import Button, { Link } from "./Button";
 import Icon from "./Icon";
 
 interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
@@ -28,7 +28,7 @@ export default function Card({ title, children, imageUrl, iconSvg, className, mo
 
                 {moreInfoUrl && (
                     <div className="more-info-container">
-                        <Button href={moreInfoUrl} className="more-info" text="More info" outline openExternally />
+                        <Link href={moreInfoUrl} className="more-info" openExternally>More info</Link>
                     </div>
                 )}
             </div>
diff --git a/apps/website/src/pages/Home/index.tsx b/apps/website/src/pages/Home/index.tsx
index ba515bb75..9e0dd17b4 100644
--- a/apps/website/src/pages/Home/index.tsx
+++ b/apps/website/src/pages/Home/index.tsx
@@ -211,12 +211,9 @@ function ListWithScreenshot({ items, horizontal, cardExtra }: {
                             title={item.title}
                             onMouseEnter={() => setSelectedItem(item)}
                             onClick={() => setSelectedItem(item)}
+                            moreInfoUrl={item.moreInfo}
                         >
                             {item.description}
-
-                            <div class="card-footer">
-                                <Link href={selectedItem.moreInfo}>More info</Link>
-                            </div>
                         </Card>
                     </li>
                 ))}