diff --git a/src/components/Tooltip/Tooltip.js b/src/components/Tooltip/Tooltip.js
index 229b2ef7a..ae43b0c2e 100644
--- a/src/components/Tooltip/Tooltip.js
+++ b/src/components/Tooltip/Tooltip.js
@@ -61,7 +61,8 @@ export class Tooltip extends Component {
       right,
       horizontalOffset,
       preferredPosition,
-      forcePosition
+      forcePosition,
+      positionRef
     } = this.props;
 
     const positionTop = preferredPosition.top || (top && !forcePosition);
@@ -77,7 +78,7 @@ export class Tooltip extends Component {
     const offset = positionRight ? { right: horizontalOffset } : { left: horizontalOffset };
 
     return (
-      <span className={wrapperClasses}>
+      <span className={wrapperClasses} ref={positionRef}>
         { children }
         <span className={styles.Tooltip} style={offset}>
           <span className={styles.Tip} />
diff --git a/src/components/WithPositioning/withPositioning.js b/src/components/WithPositioning/withPositioning.js
index 15d6bfc11..03dbc6f5a 100644
--- a/src/components/WithPositioning/withPositioning.js
+++ b/src/components/WithPositioning/withPositioning.js
@@ -44,10 +44,9 @@ function withPositioning(WrappedComponent) {
     render() {
       return (
         <WrappedComponent
-          ref={(node) => this.component = node}
+          positionRef={(node) => this.component = node}
           preferredPosition={this.state.preferredPosition}
-          {...this.props}
-        />
+          {...this.props} />
       );
     }
   }