diff --git a/__tests__/integration/snapshots/static/bodyPointScatterPlotOpacity.png b/__tests__/integration/snapshots/static/bodyPointScatterPlotOpacity.png
index 8f9e51f71b..3dd45c4f92 100644
Binary files a/__tests__/integration/snapshots/static/bodyPointScatterPlotOpacity.png and b/__tests__/integration/snapshots/static/bodyPointScatterPlotOpacity.png differ
diff --git a/__tests__/integration/snapshots/static/bodyPointScatterPlotSizeOpacity.png b/__tests__/integration/snapshots/static/bodyPointScatterPlotSizeOpacity.png
index 3285210a31..41f921b69b 100644
Binary files a/__tests__/integration/snapshots/static/bodyPointScatterPlotSizeOpacity.png and b/__tests__/integration/snapshots/static/bodyPointScatterPlotSizeOpacity.png differ
diff --git a/src/shape/utils.ts b/src/shape/utils.ts
index 7176f8d3bf..643a1c4e3f 100644
--- a/src/shape/utils.ts
+++ b/src/shape/utils.ts
@@ -218,7 +218,7 @@ export function getConnectStyle(
 }
 
 export function toOpacityKey(options) {
-  const { opacityAttribute = 'fill' } = options;
+  const { colorAttribute, opacityAttribute = colorAttribute } = options;
   return `${opacityAttribute}Opacity`;
 }