diff --git a/src/docs/styles/colours/intro.stories.mdx b/src/docs/styles/colours/intro.stories.mdx
index a1d96327..78e3a44e 100644
--- a/src/docs/styles/colours/intro.stories.mdx
+++ b/src/docs/styles/colours/intro.stories.mdx
@@ -13,7 +13,7 @@ Colour palettes are provided as [CSS variables](https://developer.mozilla.org/en
 
 ```scss
 /* global.scss */
-@import '@reuters-graphics/graphics-components/dist/scss/colours/primary/_blue.scss';
+@import '@reuters-graphics/graphics-components/scss/colours/primary/blue';
 
 p {
   color: var(--grey-400); // Included by default
diff --git a/src/docs/styles/tokens/intro.stories.mdx b/src/docs/styles/tokens/intro.stories.mdx
index 5209cbbf..0075249f 100644
--- a/src/docs/styles/tokens/intro.stories.mdx
+++ b/src/docs/styles/tokens/intro.stories.mdx
@@ -87,7 +87,7 @@ If you'd like to set the style in SCSS, you'd use the `Include` token like this:
 <p>Lorem ipsum...</p>
 
 <style lang="scss">
-  @import '@reuters-graphics/graphics-components/dist/scss/mixins';
+  @import '@reuters-graphics/graphics-components/scss/mixins';
 
   p {
     @include text-primary;