diff --git a/packages/storybook/cxl-ui/cxl-jw-player/index.stories.js b/packages/storybook/cxl-ui/cxl-jw-player/index.stories.js
index c9adc7c12..3d444231a 100644
--- a/packages/storybook/cxl-ui/cxl-jw-player/index.stories.js
+++ b/packages/storybook/cxl-ui/cxl-jw-player/index.stories.js
@@ -5,7 +5,17 @@ export default {
   title: 'CXL UI/cxl-jw-player',
 };
 
-const Template = ({ captions, mediaId, mediaSource, minimumSearchLength, libraryId, librarySource, playlistId, playlistSource, pluginPath }) =>
+const Template = ({
+  captions,
+  mediaId,
+  mediaSource,
+  minimumSearchLength,
+  libraryId,
+  librarySource,
+  playlistId,
+  playlistSource,
+  pluginPath,
+}) =>
   html`
     <style>
       #root-inner {
@@ -21,14 +31,15 @@ const Template = ({ captions, mediaId, mediaSource, minimumSearchLength, library
         box-sizing: border-box;
       }
     </style>
+
     <cxl-jw-player
       is-public="true"
       ?captions=${captions}
       media-id=${mediaId}
       media-source=${mediaSource}
       minimum-search-length=${minimumSearchLength}
-      library-id=${playerId}
-      library-source=${playerSource}
+      library-id=${libraryId}
+      library-source=${librarySource}
       playlist-id=${playlistId}
       playlist-source=${playlistSource}
       plugin-path="${pluginPath}"
@@ -40,11 +51,11 @@ export const Default = Template.bind({});
 Object.assign(Default, {
   args: {
     captions: true,
+    libraryId: '5CFJNXKb',
+    librarySource: '',
     mediaId: 'fZ0XiGdb',
     mediaSource: '',
     minimumSearchLength: 3,
-    playerId: '5CFJNXKb',
-    playerSource: '',
     playlistId: '',
     playlistSource: '',
     pluginPath: 'https://cxl.com/institute/wp-content/plugins/cxl-jwplayer/',