diff --git a/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts b/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts
index af8575f0e81..2d3dbedea78 100644
--- a/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts
+++ b/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts
@@ -7,7 +7,7 @@ export default {
   component: DynamicHeading,
   argTypes: {
     // Number type is detected, but we still want to constrain the range from 1-6
-    level: { control: { min: 1, max: 6 } },
+    level: { control: { type: 'range', min: 1, max: 6 } },
   },
   decorators: [
     (storyFn) => {