diff --git a/src/docs/scss/fonts.stories.mdx b/src/docs/scss/fonts.stories.mdx
index 3dfb9930..11abde2e 100644
--- a/src/docs/scss/fonts.stories.mdx
+++ b/src/docs/scss/fonts.stories.mdx
@@ -24,7 +24,7 @@ There are several ways to specify font styles.
 ```svelte
 <style lang="scss">
   // Import SCSS variables
-  @import 'reuters-graphics/graphics-components/dist/scss/variables';
+  @import '@reuters-graphics/graphics-components/dist/scss/variables';
 
   p {
     // Use one...
@@ -41,7 +41,7 @@ There are several ways to specify font styles.
 ```svelte
 <style lang="scss">
   // Import SCSS mixins
-  @import 'reuters-graphics/graphics-components/dist/scss/mixins';
+  @import '@reuters-graphics/graphics-components/dist/scss/mixins';
 
   p {
     // Use one...
diff --git a/src/docs/scss/mixins.stories.mdx b/src/docs/scss/mixins.stories.mdx
index f85e6d44..05c25f6e 100644
--- a/src/docs/scss/mixins.stories.mdx
+++ b/src/docs/scss/mixins.stories.mdx
@@ -25,7 +25,7 @@ Mixin our default body text styles.
 
 <style lang="scss">
   // Import SCSS mixins
-  @import 'reuters-graphics/graphics-components/dist/scss/mixins';
+  @import '@reuters-graphics/graphics-components/dist/scss/mixins';
 
   div.my-custom-text {
     // Use body-text rules for all text elements
@@ -50,7 +50,7 @@ Graphic text styles.
 </div>
 
 <style lang="scss">
-  @import 'reuters-graphics/graphics-components/dist/scss/mixins';
+  @import '@reuters-graphics/graphics-components/dist/scss/mixins';
 
   div.my-chart-container {
     @include graphic-text;
@@ -68,7 +68,7 @@ Hide text meant for screen readers.
 </div>
 
 <style lang="scss">
-  @import 'reuters-graphics/graphics-components/dist/scss/mixins';
+  @import '@reuters-graphics/graphics-components/dist/scss/mixins';
 
   div.hidden {
     @include visually-hidden;