diff --git a/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/RecommendationBundle.stories.tsx b/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/RecommendationBundle.stories.tsx
index 94d20f292..57a5e3c96 100644
--- a/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/RecommendationBundle.stories.tsx
+++ b/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/RecommendationBundle.stories.tsx
@@ -158,6 +158,17 @@ export default {
 			},
 			control: { type: 'text' },
 		},
+		vertical: {
+			description: 'set the recommendation to render vertically',
+			defaultValue: false,
+			table: {
+				type: {
+					summary: 'boolean',
+				},
+				defaultValue: { summary: false },
+			},
+			control: { type: 'boolean' },
+		},
 		separatorIconSeedOnly: {
 			description: 'boolean to only have seperator Icon for the seed product',
 			table: {
diff --git a/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/RecommendationBundle.tsx b/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/RecommendationBundle.tsx
index 6d606c4ef..da872160b 100644
--- a/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/RecommendationBundle.tsx
+++ b/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/RecommendationBundle.tsx
@@ -79,9 +79,6 @@ const CSS = {
 
 			'.ss__recommendation-bundle__wrapper--vertical': {
 				flexDirection: 'column',
-				'.ss__carousel': {
-					height: '600px',
-				},
 			},
 
 			'.ss__recommendation-bundle__wrapper__selector': {
diff --git a/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/readme.md b/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/readme.md
index 7e30233c2..d51e06413 100644
--- a/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/readme.md
+++ b/packages/snap-preact-components/src/components/Organisms/RecommendationBundle/readme.md
@@ -186,6 +186,13 @@ The `hideCheckboxes` prop specifies if the bundle checkboxes should be rendered.
 <RecommendationBundle controller={controller} onAddToCart={(items)=>{console.log(items)}} hideCheckboxes={true} />
 ```
 
+### vertical
+The `vertical` prop sets the carousel scroll direction to vertical.
+
+```jsx
+<RecommendationBundle controller={controller} onAddToCart={(items)=>{console.log(items)}} vertical={true} />
+```
+
 ### modules
 The `modules` prop accepts additional [Swiper Modules](https://swiperjs.com/swiper-api#modules) - these may need additional props and or stylesheets to function. We include `Navigation` and `Pagination` modules by default.