diff --git a/src/implementations/vanilla/components/banner/banner.scss b/src/implementations/vanilla/components/banner/banner.scss
index a392701ca6..25f8699ecb 100644
--- a/src/implementations/vanilla/components/banner/banner.scss
+++ b/src/implementations/vanilla/components/banner/banner.scss
@@ -271,11 +271,13 @@ $banner: null !default;
 
   .ecl-banner__content {
     background-color: map.get($banner, 'content-background');
+    border-radius: map.get($banner, 'content-border-radius');
     max-width: map.get($banner, 'content-width');
     padding: map.get($banner, 'content-padding');
 
     .ecl-banner--box-bg-none & {
       background-color: transparent;
+      border-radius: 0;
       padding: 0;
     }
 
diff --git a/src/themes/ec/variables/_banner.scss b/src/themes/ec/variables/_banner.scss
index a685add78b..a19f409ec4 100644
--- a/src/themes/ec/variables/_banner.scss
+++ b/src/themes/ec/variables/_banner.scss
@@ -5,6 +5,7 @@ $banner: (
   background-color: var(--c-n-40),
   content-width: 42.5rem,
   content-background: var(--c-bg),
+  content-border-radius: 0,
   content-padding: var(--s-l) var(--s-xl) var(--s-xl),
   container-padding-bottom: (
     'mobile': var(--s-xl),
diff --git a/src/themes/eu/variables/_banner.scss b/src/themes/eu/variables/_banner.scss
index f10e0b82d2..9000932c18 100644
--- a/src/themes/eu/variables/_banner.scss
+++ b/src/themes/eu/variables/_banner.scss
@@ -5,6 +5,7 @@ $banner: (
   background-color: var(--c-p-5),
   content-width: 42.5rem,
   content-background: map.get($color, 'white'),
+  content-border-radius: map.get($border-radius, 'm'),
   content-padding: var(--s-l) var(--s-l),
   container-padding-bottom: (
     'mobile': var(--s-l),