diff --git a/src/block-components/helpers/borders/style.js b/src/block-components/helpers/borders/style.js
index 278b0be43..a49ef340e 100644
--- a/src/block-components/helpers/borders/style.js
+++ b/src/block-components/helpers/borders/style.js
@@ -92,6 +92,7 @@ const Styles = props => {
 				{ ...propsToPass }
 				// Adding a border radius should append `overflow: hidden`.
 				// This is to prevent gradient background from overflowing.
+				// borderRadius is deprecated, see comment below.
 				selector={ borderRadiusSelector || selector }
 				styleRule="overflow"
 				attrName="borderRadius"
@@ -109,6 +110,27 @@ const Styles = props => {
 				valueCallback={ () => 'hidden' }
 				dependencies={ [ 'overflow' ] }
 			/>
+			<BlockCss
+				{ ...propsToPass }
+				// borderRadius is deprecated, so we had to duplicate the style
+				// generated by the borderRadius to be used by borderRadius2.
+				selector={ borderRadiusSelector || selector }
+				styleRule="overflow"
+				attrName="borderRadius2"
+				key="borderRadius2-overflow"
+				attrNameTemplate={ attrNameTemplate }
+				responsive="all"
+				hover="all"
+				hoverSelector={ borderRadiusSelector ? undefined : hoverSelector }
+				enabledCallback={ ( _getAttribute, attributes ) => {
+					if ( addBorderRadiusOverflow && attrNameTemplate === 'block%s' && attributes.overflow ) {
+						return false
+					}
+					return addBorderRadiusOverflow
+				} }
+				valueCallback={ () => 'hidden' }
+				dependencies={ [ 'overflow' ] }
+			/>
 			<BlockCss
 				{ ...propsToPass }
 				selector={ selector }