From 68a7e95d41cb6ec9602717a8276d4108803d4ae9 Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <787658+mfranzke@users.noreply.github.com>
Date: Wed, 18 Dec 2024 12:15:47 +0100
Subject: [PATCH] fix(docs): bg color for cards (#3508)

---
 .../pages/foundations/colors/color-schemes.tsx   | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/showcases/patternhub/pages/foundations/colors/color-schemes.tsx b/showcases/patternhub/pages/foundations/colors/color-schemes.tsx
index 6afb18a62d2..14b3f339142 100644
--- a/showcases/patternhub/pages/foundations/colors/color-schemes.tsx
+++ b/showcases/patternhub/pages/foundations/colors/color-schemes.tsx
@@ -63,15 +63,15 @@ const ColorOverview = () => {
 				</DBButton>
 				<section className="color-cards">
 					{colors.map((color) => (
-						<div
-							key={color}
-							className={`db-${color}-bg-basic-level-1`}>
-							<DBCard spacing="medium" elevationLevel="3">
-								<DBCard spacing="medium" elevationLevel="2">
-									<DBCard spacing="medium">{color}</DBCard>
-								</DBCard>
+						<DBCard
+							spacing="medium"
+							elevationLevel="3"
+							className={`db-${color}-bg-basic-level-1`}
+							key={color}>
+							<DBCard spacing="medium" elevationLevel="2">
+								<DBCard spacing="medium">{color}</DBCard>
 							</DBCard>
-						</div>
+						</DBCard>
 					))}
 				</section>
 			</div>