diff --git a/src/block/progress-bar/edit.js b/src/block/progress-bar/edit.js
index d72d0290aa..91395e3dd2 100644
--- a/src/block/progress-bar/edit.js
+++ b/src/block/progress-bar/edit.js
@@ -120,7 +120,7 @@ const Edit = props => {
 				</div>
 				{ /* Add our progress style here because we're adjusting the value using a hook */ }
 				<style>
-					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-bar { --progress-value:${ derivedValue }% !important; }` }
+					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-bar { --progress-value:${ derivedProgressValue }% !important; }` }
 				</style>
 			</BlockDiv>
 			{ props.isHovered && <MarginBottom /> }
diff --git a/src/block/progress-circle/edit.js b/src/block/progress-circle/edit.js
index ce29590f5b..f8d6cb8347 100644
--- a/src/block/progress-circle/edit.js
+++ b/src/block/progress-circle/edit.js
@@ -132,7 +132,7 @@ const Edit = props => {
 				</div>
 				{ /* Add our progress style here because we're adjusting the value using a hook */ }
 				<style>
-					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-circle { --progress-value:${ derivedValue } }` }
+					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-circle { --progress-value:${ derivedProgressValue } }` }
 				</style>
 			</BlockDiv>
 			{ props.isHovered && <MarginBottom /> }