diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss
index 647569e555..1482ef1f0a 100644
--- a/.storybook/themes/news.scss
+++ b/.storybook/themes/news.scss
@@ -272,12 +272,18 @@
),
"ads-block-admin": (
"background-color": "$global.neutral-7",
- "padding": "$global.spacing-4",
- "border-radius": var(--border-radius),
+ "padding-block-start": "$global.spacing-4",
+ "padding-inline-end": "$global.spacing-4",
+ "padding-block-end": "$global.spacing-4",
+ "padding-inline-start": "$global.spacing-4",
+ "border-start-start-radius": var(--border-radius),
+ "border-start-end-radius": var(--border-radius),
+ "border-end-start-radius": var(--border-radius),
+ "border-end-end-radius": var(--border-radius),
"components": (
"stack": (
"gap": "$global.spacing-4",
- "padding-bottom": "$global.spacing-5"
+ "padding-block-end": "$global.spacing-5"
),
"paragraph": (
"color": "$global.white"
diff --git a/blocks/ads-block/index.story.jsx b/blocks/ads-block/index.story.jsx
index 263ce80505..a7de05b9e6 100644
--- a/blocks/ads-block/index.story.jsx
+++ b/blocks/ads-block/index.story.jsx
@@ -36,3 +36,15 @@ export const adViewWithTopLabel = () => ;
export const adViewHidingTopLabel = () => (
);
+
+export const adminViewRightToLeft = () => (
+
+);
+
+export const adViewWithTopLabelRightToLeft = () => (
+
+);
diff --git a/blocks/ads-block/themes/commerce.json b/blocks/ads-block/themes/commerce.json
index 57e263829e..a020e4b8c4 100644
--- a/blocks/ads-block/themes/commerce.json
+++ b/blocks/ads-block/themes/commerce.json
@@ -19,12 +19,18 @@
"styles": {
"default": {
"background-color": "$global.neutral-7",
- "padding": "$global.spacing-4",
- "border-radius": "var(--border-radius)",
+ "padding-block-start": "$global.spacing-4",
+ "padding-inline-end": "$global.spacing-4",
+ "padding-block-end": "$global.spacing-4",
+ "padding-inline-start": "$global.spacing-4",
+ "border-start-start-radius": "var(--border-radius)",
+ "border-start-end-radius": "var(--border-radius)",
+ "border-end-start-radius": "var(--border-radius)",
+ "border-end-end-radius": "var(--border-radius)",
"components": {
"stack": {
"gap": "$global.spacing-4",
- "padding-bottom": "$global.spacing-5"
+ "padding-block-end": "$global.spacing-5"
},
"paragraph": {
"color": "$global.white"
diff --git a/blocks/ads-block/themes/news.json b/blocks/ads-block/themes/news.json
index 57e263829e..a020e4b8c4 100644
--- a/blocks/ads-block/themes/news.json
+++ b/blocks/ads-block/themes/news.json
@@ -19,12 +19,18 @@
"styles": {
"default": {
"background-color": "$global.neutral-7",
- "padding": "$global.spacing-4",
- "border-radius": "var(--border-radius)",
+ "padding-block-start": "$global.spacing-4",
+ "padding-inline-end": "$global.spacing-4",
+ "padding-block-end": "$global.spacing-4",
+ "padding-inline-start": "$global.spacing-4",
+ "border-start-start-radius": "var(--border-radius)",
+ "border-start-end-radius": "var(--border-radius)",
+ "border-end-start-radius": "var(--border-radius)",
+ "border-end-end-radius": "var(--border-radius)",
"components": {
"stack": {
"gap": "$global.spacing-4",
- "padding-bottom": "$global.spacing-5"
+ "padding-block-end": "$global.spacing-5"
},
"paragraph": {
"color": "$global.white"