diff --git a/packages/design-system/lib/components/TeaserCard/Sidepeek/index.tsx b/packages/design-system/lib/components/TeaserCard/Sidepeek/index.tsx index 2d344704a..cccb398d4 100644 --- a/packages/design-system/lib/components/TeaserCard/Sidepeek/index.tsx +++ b/packages/design-system/lib/components/TeaserCard/Sidepeek/index.tsx @@ -47,35 +47,39 @@ export default function TeaserCardSidepeek({ defaultMessage: "Close", })} > - {content ? ( - - ) : null} -
- {primary_button && ( - - {primary_button.title} - - )} - {secondary_button && ( - - {secondary_button.title} - - )} +
+ {content ? ( + + ) : null} + {primary_button || secondary_button ? ( +
+ {primary_button && ( + + {primary_button.title} + + )} + {secondary_button && ( + + {secondary_button.title} + + )} +
+ ) : null}
diff --git a/packages/design-system/lib/components/TeaserCard/Sidepeek/sidepeek.module.css b/packages/design-system/lib/components/TeaserCard/Sidepeek/sidepeek.module.css index 90b27f276..7d75d542d 100644 --- a/packages/design-system/lib/components/TeaserCard/Sidepeek/sidepeek.module.css +++ b/packages/design-system/lib/components/TeaserCard/Sidepeek/sidepeek.module.css @@ -6,3 +6,8 @@ display: grid; gap: var(--Space-x2); } + +.content { + display: grid; + gap: var(--Space-x4); +}