diff --git a/gulpfile.js b/gulpfile.js
index 6984001..6a7cd43 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -23,7 +23,7 @@ gulp.task('prepare', () => {
             '!package-lock.json'
         ])
         .pipe(replace(
-            /(<link rel="stylesheet" href=")(node_modules\/shower-)([^\/]*)\/(.*\.css">)/g,
+            /(<link rel="stylesheet" href=")(node_modules\/@shower\/)([^\/]*)\/(.*\.css">)/g,
             '$1shower/themes/$3/$4', { skipBinary: true }
         ))
         .pipe(replace(
@@ -43,7 +43,7 @@ gulp.task('prepare', () => {
     const material = gulp.src([
             '**', '!package.json'
         ], {
-            cwd: 'node_modules/shower-material'
+            cwd: 'node_modules/@shower/material'
         })
         .pipe(rename( (path) => {
             path.dirname = 'shower/themes/material/' + path.dirname;
@@ -52,7 +52,7 @@ gulp.task('prepare', () => {
     const ribbon = gulp.src([
             '**', '!package.json'
         ], {
-            cwd: 'node_modules/shower-ribbon'
+            cwd: 'node_modules/@shower/ribbon'
         })
         .pipe(rename( (path) => {
             path.dirname = 'shower/themes/ribbon/' + path.dirname;
diff --git a/index.html b/index.html
index 4945e5a..2280154 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <title>Shower Presentation Engine</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="node_modules/shower-ribbon/styles/styles.css">
+    <link rel="stylesheet" href="node_modules/@shower/ribbon/styles/styles.css">
     <style>
         .shower {
             --slide-ratio: calc(16 / 9);