diff --git a/docs/app/templates/public-pages/docs/migrate-7-0-to-8-0.hbs b/docs/app/templates/public-pages/docs/migrate-7-0-to-8-0.hbs
index 322175da9..49793c689 100644
--- a/docs/app/templates/public-pages/docs/migrate-7-0-to-8-0.hbs
+++ b/docs/app/templates/public-pages/docs/migrate-7-0-to-8-0.hbs
@@ -25,7 +25,11 @@
     <p>Helper: The helper <code>ember-power-select-is-selected</code> was renamed to <code>ember-power-select-is-equal</code>. If you have used in your custom components, you need to replace it</p>
   </li>
   <li>
-    <p>Vanilla JS: If you have used vanilla js you must now import the css in <code>app.js</code> manually like (for other css adding examples see under installation)</p>
+    <p>
+      Vanilla JS: If you have used vanilla js you must now import the css in <code>app.js</code> manually like (for other css adding examples see under installation)
+      <br>
+      If you have used a theme you need to import like described in section <a href="https://ember-power-select.com/cookbook/bootstrap-theme">bootstrap</a> / <a href="https://ember-power-select.com/cookbook/material-theme">material</a>
+    </p>
     <CodeBlock @language="js" @code="import 'ember-power-select/styles';" />
   </li>
   <li>
diff --git a/ember-power-select/src/themes/bootstrap.js b/ember-power-select/src/themes/bootstrap.js
deleted file mode 100644
index 87fb65186..000000000
--- a/ember-power-select/src/themes/bootstrap.js
+++ /dev/null
@@ -1 +0,0 @@
-import '../../vendor/ember-power-select-bootstrap.css';
diff --git a/ember-power-select/src/themes/material.js b/ember-power-select/src/themes/material.js
deleted file mode 100644
index 0c7c8fa94..000000000
--- a/ember-power-select/src/themes/material.js
+++ /dev/null
@@ -1 +0,0 @@
-import '../../vendor/ember-power-select-material.css';
diff --git a/ember-power-select/themes/bootstrap.js b/ember-power-select/themes/bootstrap.js
new file mode 100644
index 000000000..a683e9339
--- /dev/null
+++ b/ember-power-select/themes/bootstrap.js
@@ -0,0 +1 @@
+import '../vendor/ember-power-select-bootstrap.css';
diff --git a/ember-power-select/themes/material.js b/ember-power-select/themes/material.js
new file mode 100644
index 000000000..d071d65ae
--- /dev/null
+++ b/ember-power-select/themes/material.js
@@ -0,0 +1 @@
+import '../vendor/ember-power-select-material.css';