From 416b31a5b630cf6b1b3bdc2363cb9b48341c8e6a Mon Sep 17 00:00:00 2001
From: kitos <kitos@aegis.local>
Date: Fri, 29 May 2026 12:16:56 +0200
Subject: [PATCH] fix(d3fend): add items-start to grid so cards don't stretch
 to row height

CSS grid was stretching both cells in a row to the same height as the
tallest card, making the unexpanded card appear 'open' with blank space.
items-start makes each card only as tall as its own content.
---
 frontend/src/pages/TechniqueDetailPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/TechniqueDetailPage.tsx b/frontend/src/pages/TechniqueDetailPage.tsx
index 35929d8..e72e2ee 100644
--- a/frontend/src/pages/TechniqueDetailPage.tsx
+++ b/frontend/src/pages/TechniqueDetailPage.tsx
@@ -878,7 +878,7 @@ function D3FENDSection({ defenses }: { defenses: Array<{
           {tacticDescriptions[tactic] && (
             <p className="mb-2 text-xs text-gray-500">{tacticDescriptions[tactic]}</p>
           )}
-          <div className="grid gap-2 sm:grid-cols-2">
+          <div className="grid gap-2 sm:grid-cols-2 items-start">
             {defs.map((def) => {
               const isExpanded = expandedId === def.d3fend_id;
               return (