diff --git a/storybook/stories/Addon/InstalledAddon.js b/storybook/stories/Addon/InstalledAddon.js
index 24400fdd7..e2626605b 100644
--- a/storybook/stories/Addon/InstalledAddon.js
+++ b/storybook/stories/Addon/InstalledAddon.js
@@ -5,16 +5,17 @@ const Addon = require('stremio/routes/Addons/Addon');
 const styles = require('./styles');
 
 storiesOf('Addon', module).add('Installed', () => (
-    <Addon 
+    <Addon
         className={styles['installed-addon-container']}
-        id={'addon-id'}
-        name={'Demo name'}
-        logo={'/images/intro_background.jpg'}
-        description={'Demo description'}
-        types={['Demo type']}
+        id={'addon.id'}
+        name={'Addon name'}
         version={'1.0.0'}
-        transportUrl={'Demo url'}
+        logo={'/images/intro_background.jpg'}
+        description={'Addon description ...'}
+        types={['movie', 'series']}
         installed={true}
-        toggle={action('Demo item uninstall button clicked')}
+        onToggle={action('Toggle')}
+        onShare={action('Share')}
+        dataset={{ transportUrl: 'http://www.com' }}
     />
 ));
diff --git a/storybook/stories/Addon/NotInstalledAddon.js b/storybook/stories/Addon/NotInstalledAddon.js
index 5d5130198..84e9606c2 100644
--- a/storybook/stories/Addon/NotInstalledAddon.js
+++ b/storybook/stories/Addon/NotInstalledAddon.js
@@ -6,15 +6,16 @@ const styles = require('./styles');
 
 storiesOf('Addon', module).add('NotInstalled', () => (
     <Addon
-        className={styles['not-installed-addon-container']}
-        id={'addon-id'}
-        name={'Demo name'}
-        logo={'/images/intro_background.jpg'}
-        description={'Demo description'}
-        types={['Demo type']}
+        className={styles['installed-addon-container']}
+        id={'addon.id'}
+        name={'Addon name'}
         version={'1.0.0'}
-        transportUrl={'Demo url'}
+        logo={'/images/intro_background.jpg'}
+        description={'Addon description ...'}
+        types={['movie', 'series']}
         installed={false}
-        toggle={action('Demo item install button clicked')}
+        onToggle={action('Toggle')}
+        onShare={action('Share')}
+        dataset={{ transportUrl: 'http://www.com' }}
     />
 ));
diff --git a/storybook/stories/Addon/styles.less b/storybook/stories/Addon/styles.less
index f300a05f0..30166b689 100644
--- a/storybook/stories/Addon/styles.less
+++ b/storybook/stories/Addon/styles.less
@@ -1,3 +1,3 @@
 .installed-addon-container, .not-installed-addon-container {
-    margin: 10px;
+    margin: 1rem;
 }
\ No newline at end of file