diff --git a/packages/visx-tooltip/src/tooltips/Tooltip.tsx b/packages/visx-tooltip/src/tooltips/Tooltip.tsx
index d40425e0f..1c2ce352b 100644
--- a/packages/visx-tooltip/src/tooltips/Tooltip.tsx
+++ b/packages/visx-tooltip/src/tooltips/Tooltip.tsx
@@ -13,7 +13,6 @@ export type TooltipProps = {
 };
 
 export const defaultStyles: React.CSSProperties = {
-  position: 'absolute',
   backgroundColor: 'white',
   color: '#666666',
   padding: '.3rem .5rem',
@@ -39,8 +38,13 @@ export default function Tooltip({
     <div
       className={cx('visx-tooltip', className)}
       style={{
-        top: top == null || offsetTop == null ? top : top + offsetTop,
-        left: left == null || offsetLeft == null ? left : left + offsetLeft,
+        // these styles are needed for correct positioning, regardless of styles
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        transform: `translate(${left == null || offsetLeft == null ? left : left + offsetLeft}px, ${
+          top == null || offsetTop == null ? top : top + offsetTop
+        }px)`,
         ...(!unstyled && style),
       }}
       {...restProps}
diff --git a/packages/visx-tooltip/src/tooltips/TooltipWithBounds.tsx b/packages/visx-tooltip/src/tooltips/TooltipWithBounds.tsx
index 0602b1df6..00f9bb986 100644
--- a/packages/visx-tooltip/src/tooltips/TooltipWithBounds.tsx
+++ b/packages/visx-tooltip/src/tooltips/TooltipWithBounds.tsx
@@ -44,12 +44,11 @@ function TooltipWithBounds({
 
   return (
     <Tooltip
-      style={{
-        top: 0,
-        left: 0,
-        transform: `translate(${left}px, ${top}px)`,
-        ...(!unstyled && style),
-      }}
+      top={top}
+      left={left}
+      offsetTop={0}
+      offsetLeft={0}
+      style={style}
       unstyled={unstyled}
       {...otherProps}
     >
diff --git a/packages/visx-tooltip/test/TooltipWithBounds.test.tsx b/packages/visx-tooltip/test/TooltipWithBounds.test.tsx
index 8db249323..b7eaa53c7 100644
--- a/packages/visx-tooltip/test/TooltipWithBounds.test.tsx
+++ b/packages/visx-tooltip/test/TooltipWithBounds.test.tsx
@@ -21,7 +21,11 @@ describe('<TooltipWithBounds />', () => {
     const wrapper = shallow(<TooltipWithBounds unstyled>Hello</TooltipWithBounds>, {
       disableLifecycleMethods: true,
     }).dive();
-    const styles = wrapper.find('Tooltip').props().style as any;
+    const styles = wrapper
+      .find('Tooltip')
+      .dive()
+      .find('.visx-tooltip')
+      .props().style as any;
     Object.keys(defaultStyles).forEach(key => {
       expect(styles[key]).toBeUndefined();
     });