From 48b987f85cea6e5012204a39fc8e28a155d65ceb Mon Sep 17 00:00:00 2001
From: Saurabh Daware <saurabh.daware@razorpay.com>
Date: Thu, 20 Jul 2023 11:39:38 +0530
Subject: [PATCH] expose whiteSpace on Box

---
 packages/blade/src/components/Box/Box.tsx                       | 1 +
 .../src/components/Dropdown/docs/DropdownWithSelect.stories.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/blade/src/components/Box/Box.tsx b/packages/blade/src/components/Box/Box.tsx
index 5a7660c3ffa..1cd761f2c4d 100644
--- a/packages/blade/src/components/Box/Box.tsx
+++ b/packages/blade/src/components/Box/Box.tsx
@@ -43,6 +43,7 @@ const makeBoxProps = (props: BoxProps): KeysRequired<Omit<BoxProps, 'testID' | '
     overflow: props.overflow,
     overflowX: props.overflowX,
     overflowY: props.overflowY,
+    whiteSpace: props.whiteSpace,
     height: props.height,
     minHeight: props.minHeight,
     maxHeight: props.maxHeight,
diff --git a/packages/blade/src/components/Dropdown/docs/DropdownWithSelect.stories.tsx b/packages/blade/src/components/Dropdown/docs/DropdownWithSelect.stories.tsx
index 5ace7f0dd2a..32e860b3109 100644
--- a/packages/blade/src/components/Dropdown/docs/DropdownWithSelect.stories.tsx
+++ b/packages/blade/src/components/Dropdown/docs/DropdownWithSelect.stories.tsx
@@ -187,7 +187,7 @@ InternalControlledSelect.parameters = {
 // For chromatic and internal react native testing
 export const InternalMultiSelect = (): JSX.Element => {
   return (
-    <Box padding="spacing.5" maxWidth="400px">
+    <Box padding="spacing.5">
       <Dropdown selectionType="multiple">
         <SelectInput label="Select City" />
         <DropdownOverlay>