diff --git a/web/chat/tooltip-provider.js b/web/chat/tooltip-provider.js
--- a/web/chat/tooltip-provider.js
+++ b/web/chat/tooltip-provider.js
@@ -120,8 +120,8 @@
     }
     const tooltipContainerStyle = {
       position: 'absolute',
-      top: tooltipPosition.yCoord,
-      left: tooltipPosition.xCoord,
+      top: tooltipPosition.anchorPoint.y,
+      left: tooltipPosition.anchorPoint.x,
     };
 
     const { verticalPosition, horizontalPosition } = tooltipPosition;
diff --git a/web/utils/tooltip-utils.js b/web/utils/tooltip-utils.js
--- a/web/utils/tooltip-utils.js
+++ b/web/utils/tooltip-utils.js
@@ -48,8 +48,10 @@
 };
 
 export type TooltipPositionStyle = {
-  +xCoord: number,
-  +yCoord: number,
+  +anchorPoint: {
+    +x: number,
+    +y: number,
+  },
   +verticalPosition: 'top' | 'bottom',
   +horizontalPosition: 'left' | 'right',
   +alignment: 'left' | 'center' | 'right',
@@ -212,76 +214,92 @@
 }: GetMessageActionTooltipStyleParams): TooltipPositionStyle {
   if (tooltipPosition === tooltipPositions.RIGHT_TOP) {
     return {
-      xCoord: sourcePositionInfo.right,
-      yCoord: sourcePositionInfo.top,
+      anchorPoint: {
+        x: sourcePositionInfo.right,
+        y: sourcePositionInfo.top,
+      },
       horizontalPosition: 'right',
       verticalPosition: 'bottom',
       alignment: 'left',
     };
   } else if (tooltipPosition === tooltipPositions.LEFT_TOP) {
     return {
-      xCoord: sourcePositionInfo.left,
-      yCoord: sourcePositionInfo.top,
+      anchorPoint: {
+        x: sourcePositionInfo.left,
+        y: sourcePositionInfo.top,
+      },
       horizontalPosition: 'left',
       verticalPosition: 'bottom',
       alignment: 'right',
     };
   } else if (tooltipPosition === tooltipPositions.RIGHT_BOTTOM) {
     return {
-      xCoord: sourcePositionInfo.right,
-      yCoord: sourcePositionInfo.bottom,
+      anchorPoint: {
+        x: sourcePositionInfo.right,
+        y: sourcePositionInfo.bottom,
+      },
       horizontalPosition: 'right',
       verticalPosition: 'top',
       alignment: 'left',
     };
   } else if (tooltipPosition === tooltipPositions.LEFT_BOTTOM) {
     return {
-      xCoord: sourcePositionInfo.left,
-      yCoord: sourcePositionInfo.bottom,
+      anchorPoint: {
+        x: sourcePositionInfo.left,
+        y: sourcePositionInfo.bottom,
+      },
       horizontalPosition: 'left',
       verticalPosition: 'top',
       alignment: 'right',
     };
   } else if (tooltipPosition === tooltipPositions.LEFT) {
     return {
-      xCoord: sourcePositionInfo.left,
-      yCoord:
-        sourcePositionInfo.top +
-        sourcePositionInfo.height / 2 -
-        tooltipSize.height / 2,
+      anchorPoint: {
+        x: sourcePositionInfo.left,
+        y:
+          sourcePositionInfo.top +
+          sourcePositionInfo.height / 2 -
+          tooltipSize.height / 2,
+      },
       horizontalPosition: 'left',
       verticalPosition: 'bottom',
       alignment: 'right',
     };
   } else if (tooltipPosition === tooltipPositions.RIGHT) {
     return {
-      xCoord: sourcePositionInfo.right,
-      yCoord:
-        sourcePositionInfo.top +
-        sourcePositionInfo.height / 2 -
-        tooltipSize.height / 2,
+      anchorPoint: {
+        x: sourcePositionInfo.right,
+        y:
+          sourcePositionInfo.top +
+          sourcePositionInfo.height / 2 -
+          tooltipSize.height / 2,
+      },
       horizontalPosition: 'right',
       verticalPosition: 'bottom',
       alignment: 'left',
     };
   } else if (tooltipPosition === tooltipPositions.TOP) {
     return {
-      xCoord:
-        sourcePositionInfo.left +
-        sourcePositionInfo.width / 2 -
-        tooltipSize.width / 2,
-      yCoord: sourcePositionInfo.top,
+      anchorPoint: {
+        x:
+          sourcePositionInfo.left +
+          sourcePositionInfo.width / 2 -
+          tooltipSize.width / 2,
+        y: sourcePositionInfo.top,
+      },
       horizontalPosition: 'right',
       verticalPosition: 'top',
       alignment: 'center',
     };
   } else if (tooltipPosition === tooltipPositions.BOTTOM) {
     return {
-      xCoord:
-        sourcePositionInfo.left +
-        sourcePositionInfo.width / 2 -
-        tooltipSize.width / 2,
-      yCoord: sourcePositionInfo.bottom,
+      anchorPoint: {
+        x:
+          sourcePositionInfo.left +
+          sourcePositionInfo.width / 2 -
+          tooltipSize.width / 2,
+        y: sourcePositionInfo.bottom,
+      },
       horizontalPosition: 'right',
       verticalPosition: 'bottom',
       alignment: 'center',