diff --git a/packages/cookie-banner/src/themed-banner/styles.ts b/packages/cookie-banner/src/themed-banner/styles.ts index b01f56a95..cf6ee3f48 100644 --- a/packages/cookie-banner/src/themed-banner/styles.ts +++ b/packages/cookie-banner/src/themed-banner/styles.ts @@ -164,11 +164,19 @@ export const THEMED_STYLES = ` } .panel-header { + padding: 24px; + border-bottom: 1px solid var(--_border); + } + + .panel-header .description { + margin: 0; + } + + .panel-header-title { display: flex; align-items: center; justify-content: space-between; - padding: 24px; - border-bottom: 1px solid var(--_border); + margin: 0 0 8px; } .panel-close { diff --git a/packages/cookie-banner/src/themed-banner/themed-banner.ts b/packages/cookie-banner/src/themed-banner/themed-banner.ts index ffe77d701..f9c603072 100644 --- a/packages/cookie-banner/src/themed-banner/themed-banner.ts +++ b/packages/cookie-banner/src/themed-banner/themed-banner.ts @@ -67,12 +67,15 @@ export class ProboThemedBanner extends HTMLElement {
-