diff --git a/src/pages/index.js b/src/pages/index.js
index ca12e66..c3aeb55 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -2,6 +2,7 @@ import fetch from 'node-fetch';
 import '../components/cast-and-crew/cast-and-crew.js';
 import '../components/upcoming-events/upcoming-events.js';
 import '../components/spotify-playlist/spotify-playlist.js';
+import '../components/youtube-playlist/youtube-playlist.js';
 
 export default class Home extends HTMLElement {
   async connectedCallback() {
@@ -19,9 +20,11 @@ export default class Home extends HTMLElement {
         events='${JSON.stringify(events).replace(/'/g, '\\"')}'
       ></tt-upcoming-events>
 
-      <tt-cast-crew></tt-cast-crew>
+      <tt-youtube-playlist></tt-youtube-playlist>
 
       <tt-spotify-playlist></tt-spotify-playlist>
+
+      <tt-cast-crew></tt-cast-crew>
     `;
   }
 }
\ No newline at end of file