diff --git a/src/MentionsInput.js b/src/MentionsInput.js
index 5c7d8b00..08ecc19c 100755
--- a/src/MentionsInput.js
+++ b/src/MentionsInput.js
@@ -244,13 +244,14 @@ class MentionsInput extends React.Component {
       return null
     }
 
-    const { position, left, top } = this.state.suggestionsPosition
+    const { position, left, right, top } = this.state.suggestionsPosition
 
     const suggestionsNode = (
       <SuggestionsOverlay
         style={this.props.style('suggestions')}
         position={position}
         left={left}
+        right={right}
         top={top}
         focusIndex={this.state.focusIndex}
         scrollFocusedIntoView={this.state.scrollFocusedIntoView}
@@ -732,6 +733,7 @@ class MentionsInput extends React.Component {
 
     if (
       position.left === this.state.suggestionsPosition.left &&
+      position.right === this.state.suggestionsPosition.right &&
       position.top === this.state.suggestionsPosition.top &&
       position.position === this.state.suggestionsPosition.position
     ) {
diff --git a/src/SuggestionsOverlay.js b/src/SuggestionsOverlay.js
index cbdefefe..8d1b892f 100644
--- a/src/SuggestionsOverlay.js
+++ b/src/SuggestionsOverlay.js
@@ -13,6 +13,7 @@ class SuggestionsOverlay extends Component {
     focusIndex: PropTypes.number,
     position: PropTypes.string,
     left: PropTypes.number,
+    right: PropTypes.number,
     top: PropTypes.number,
     scrollFocusedIntoView: PropTypes.bool,
     isLoading: PropTypes.bool,
@@ -72,6 +73,7 @@ class SuggestionsOverlay extends Component {
       containerRef,
       position,
       left,
+      right,
       top,
     } = this.props
 
@@ -82,7 +84,7 @@ class SuggestionsOverlay extends Component {
 
     return (
       <div
-        {...inline({ position: position || 'absolute', left, top }, style)}
+        {...inline({ position: position || 'absolute', left, right, top }, style)}
         onMouseDown={onMouseDown}
         ref={containerRef}
       >