From 6f279696f21cabb0e7f9aadbfd460364d1d0b2c3 Mon Sep 17 00:00:00 2001
From: Jared Schoeny <jared@schoeny.com>
Date: Sat, 8 Nov 2025 12:17:08 -1000
Subject: [PATCH] Fix inconsistent heights of hack cards

---
 src/components/HackCard.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/HackCard.tsx b/src/components/HackCard.tsx
index 4feb0d7..9e64b66 100644
--- a/src/components/HackCard.tsx
+++ b/src/components/HackCard.tsx
@@ -1,4 +1,6 @@
-import Image from "next/image";
+"use client";
+
+
 import PixelImage from "./PixelImage";
 import Link from "next/link";
 import { formatCompactNumber } from "@/utils/format";
@@ -49,7 +51,7 @@ export default function HackCard({ hack, clickable = true, className = "" }: { h
       emblaApi.off("select", onSelect);
     };
   }, [emblaApi]);
-  const cardClass = `rounded-[12px] overflow-hidden ${
+  const cardClass = `rounded-[12px] overflow-hidden h-full ${
     clickable ? "transition-transform duration-300 hover:-translate-y-0.5 hover:shadow-xl anim-float" : ""
   } ring-1 ${ready ? "ring-emerald-400/50 bg-emerald-500/10" : "card ring-[var(--border)]"}`;
   const gradientBgClass = `bg-gradient-to-b ${ready ? 'from-emerald-300/5 to-emerald-400/30 dark:from-emerald-950/10 dark:to-emerald-600/40' : 'from-black/30 to-black/10 dark:from-black/80 dark:to-black/40'}`;