diff --git a/packages/design-system/src/styleguide/colors.stories.mdx b/packages/design-system/src/styleguide/colors.stories.mdx
index 365c3924a95..6778b632d09 100644
--- a/packages/design-system/src/styleguide/colors.stories.mdx
+++ b/packages/design-system/src/styleguide/colors.stories.mdx
@@ -133,7 +133,7 @@ import ColorCircles from './ColorCircles.vue';
 ## Canvas
 
 <Canvas>
-	<Story name="background">
+	<Story name="canvas">
 		{{
 			template: `<color-circles :colors="['--color-canvas-background', '--color-canvas-dot']" />`,
 			components: {