diff --git a/packages/react/src/components/Card/CardMedia/Controls/ProgressBar/Tooltip.js b/packages/react/src/components/Card/CardMedia/Controls/ProgressBar/Tooltip.js
index 4274bdca..7bd285d7 100644
--- a/packages/react/src/components/Card/CardMedia/Controls/ProgressBar/Tooltip.js
+++ b/packages/react/src/components/Card/CardMedia/Controls/ProgressBar/Tooltip.js
@@ -9,9 +9,9 @@ const sizeScales = { normal: 0.8 }
 const getMarkerFontSize = size => BASE_FONT_SIZE * (sizeScales[size] || 1)
 
 const TooltipBase = styled('span').attrs(
-  ({ position, $isDragging, $visible }) => ({
+  ({ $position, $isDragging, $visible }) => ({
     style: {
-      left: `${position}px`,
+      left: `${$position}px`,
       top: $visible ? '-4px' : '0px',
       visibility: $visible ? '$visible' : 'hidden',
       opacity: $visible ? 1 : 0,
@@ -39,7 +39,7 @@ const Tooltip = forwardRef(
     <>
       <TooltipBase
         $visible={$isVisible}
-        position={$positionX}
+        $position={$positionX}
         $cardSize={size}
         ref={ref}
         $isDragging={$isDragging}