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>