diff --git a/storybook/stories/Multiselect/MultiselectMultipleValues/MultiselectMultipleValues.js b/storybook/stories/Multiselect/MultiselectMultipleValues/MultiselectMultipleValues.js
index af613c04b..58f1177c1 100644
--- a/storybook/stories/Multiselect/MultiselectMultipleValues/MultiselectMultipleValues.js
+++ b/storybook/stories/Multiselect/MultiselectMultipleValues/MultiselectMultipleValues.js
@@ -17,7 +17,7 @@ storiesOf('Multiselect', module).add('MultiselectMultipleValues', () => {
     return (
         <Multiselect
             className={styles['label-container']}
-            direction={'bottom'}
+            direction={'bottom-right'}
             title={'MultiselectMultipleValues'}
             options={[
                 { value: 'a', label: 'A' },
diff --git a/storybook/stories/Multiselect/MultiselectNotAutoClosing/MultiselectNotAutoClosing.js b/storybook/stories/Multiselect/MultiselectNotAutoClosing/MultiselectNotAutoClosing.js
index 5074694dc..2730b27c8 100644
--- a/storybook/stories/Multiselect/MultiselectNotAutoClosing/MultiselectNotAutoClosing.js
+++ b/storybook/stories/Multiselect/MultiselectNotAutoClosing/MultiselectNotAutoClosing.js
@@ -19,7 +19,7 @@ storiesOf('Multiselect', module).add('MultiselectNotAutoClosing', () => {
     return (
         <Multiselect
             className={styles['label-container']}
-            direction={'bottom'}
+            direction={'bottom-right'}
             title={'MultiselectNotAutoClosing'}
             options={[
                 { value: 'a', label: 'A' },
diff --git a/storybook/stories/Multiselect/MultiselectSingleValue/MultiselectSingleValue.js b/storybook/stories/Multiselect/MultiselectSingleValue/MultiselectSingleValue.js
index 9bf58f2f9..83d500e5c 100644
--- a/storybook/stories/Multiselect/MultiselectSingleValue/MultiselectSingleValue.js
+++ b/storybook/stories/Multiselect/MultiselectSingleValue/MultiselectSingleValue.js
@@ -16,7 +16,7 @@ storiesOf('Multiselect', module).add('MultiselectSingleValue', () => {
     return (
         <Multiselect
             className={styles['label-container']}
-            direction={'bottom'}
+            direction={'bottom-right'}
             title={'MultiselectSingleValue'}
             options={[
                 { value: 'a', label: 'A' },
diff --git a/storybook/stories/Popup/Popup.js b/storybook/stories/Popup/Popup.js
index 66d0a27a3..64ee60f15 100644
--- a/storybook/stories/Popup/Popup.js
+++ b/storybook/stories/Popup/Popup.js
@@ -28,7 +28,7 @@ storiesOf('Popup', module).add('Popup', () => {
     return (
         <Popup
             open={menuOpen}
-            direction={'bottom'}
+            direction={'bottom-right'}
             renderLabel={({ className, children, ...props }) => (
                 <Button {...props} className={classnames(className, styles['popup-label-container'])} onClick={popupLabelOnClick}>
                     POPUP LABEL