diff --git a/.storybook/modes.js b/.storybook/modes.js
index 9b616bd10..ed5837415 100644
--- a/.storybook/modes.js
+++ b/.storybook/modes.js
@@ -9,6 +9,11 @@ export const allModes = {
 	},
 	// for snapshotting scrollable areas with all content, like modals
 	desktopLargeHeight: {
+		theme: 'ltr',
+		viewport: 'largeHeight',
+	},
+	'desktopLargeHeight rtl': {
 		viewport: 'largeHeight',
+		theme: 'rtl',
 	},
 };
diff --git a/.storybook/preview.js b/.storybook/preview.js
index 2af699f1b..901db4473 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -151,7 +151,7 @@ const preview = {
 				/** For scrollable scenarios */
 				largeHeight: {
 					name: 'Large',
-					styles: {width: '1024px', height: '1500px'},
+					styles: {width: '1280px', height: '1500px'},
 				},
 			},
 		},
diff --git a/src/components/Modal/SideModal.stories.js b/src/components/Modal/SideModal.stories.js
index 09c5227d3..7af3d5d73 100644
--- a/src/components/Modal/SideModal.stories.js
+++ b/src/components/Modal/SideModal.stories.js
@@ -208,6 +208,7 @@ export const WithTabs = {
 		chromatic: {
 			modes: {
 				desktop: {disable: true},
+				'desktop rtl': {disable: true},
 				desktopLargeHeight: allModes['desktopLargeHeight'],
 			},
 		},