diff --git a/README.md b/README.md
index d8c39a78..f98a331e 100644
--- a/README.md
+++ b/README.md
@@ -139,6 +139,8 @@ const TooltipComponent = ({
   handlePrev,
   handleStop,
   currentStep,
+  horizontalPosition,
+  verticalPosition,
 }) => (
   // ...
 );
diff --git a/src/components/CopilotModal.js b/src/components/CopilotModal.js
index 2a824393..b4257aff 100644
--- a/src/components/CopilotModal.js
+++ b/src/components/CopilotModal.js
@@ -39,6 +39,8 @@ type State = {
     width: number,
     height: number,
   },
+  tooltipHorizontalPosition: 'left' | 'right',
+  tooltipVerticalPosition: 'top' | 'bottom',
 };
 
 const noop = () => {};
@@ -70,6 +72,8 @@ class CopilotModal extends Component<Props, State> {
     },
     animated: false,
     containerVisible: false,
+    tooltipVerticalPosition: 'top',
+    tooltipHorizontalPosition: 'left',
   };
 
   componentDidUpdate(prevProps: Props) {
@@ -194,6 +198,8 @@ class CopilotModal extends Component<Props, State> {
         x: Math.floor(Math.max(obj.left, 0)),
         y: Math.floor(Math.max(obj.top, 0)),
       },
+      tooltipHorizontalPosition: horizontalPosition,
+      tooltipVerticalPosition: verticalPosition,
     });
   }
 
@@ -293,6 +299,8 @@ class CopilotModal extends Component<Props, State> {
           handlePrev={this.handlePrev}
           handleStop={this.handleStop}
           labels={this.props.labels}
+          horizontalPosition={this.state.tooltipHorizontalPosition}
+          verticalPosition={this.state.tooltipVerticalPosition}
         />
       </Animated.View>,
     ];
diff --git a/src/components/Tooltip.js b/src/components/Tooltip.js
index 6d75780c..65cba0d6 100644
--- a/src/components/Tooltip.js
+++ b/src/components/Tooltip.js
@@ -16,6 +16,8 @@ type Props = {
   handleStop: func,
   currentStep: Step,
   labels: Object,
+  horizontalPosition: 'left' | 'right',
+  verticalPosition: 'top' | 'bottom',
 };
 
 const Tooltip = ({