diff --git a/client/app/visualizations/counter/Renderer.jsx b/client/app/visualizations/counter/Renderer.jsx
index 080e4db323..be467dfa1d 100644
--- a/client/app/visualizations/counter/Renderer.jsx
+++ b/client/app/visualizations/counter/Renderer.jsx
@@ -30,7 +30,6 @@ export default function Renderer({ data, options, visualizationName }) {
 
   useEffect(() => {
     if (container) {
-      setScale(getCounterScale(container)); // initial update
       const unwatch = resizeObserver(container, () => {
         setScale(getCounterScale(container));
       });
@@ -38,6 +37,14 @@ export default function Renderer({ data, options, visualizationName }) {
     }
   }, [container, setScale]);
 
+  useEffect(() => {
+    if (container) {
+      // update scaling when options or data change (new formatting, values, etc.
+      // may change inner container dimensions which will not be tracked by `resizeObserver`);
+      setScale(getCounterScale(container));
+    }
+  }, [data, options, container, setScale]);
+
   const {
     showTrend, trendPositive,
     counterValue, counterValueTooltip,