diff --git a/storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js b/storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js
deleted file mode 100644
index 8248e8229..000000000
--- a/storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js
+++ /dev/null
@@ -1,20 +0,0 @@
-const React = require('react');
-const { storiesOf } = require('@storybook/react');
-const { action } = require('@storybook/addon-actions');
-const { MetaItem } = require('stremio/common');
-const styles = require('./styles');
-
-storiesOf('MetaItem', module).add('SimpleMetaItem', () => (
-    <MetaItem
-        className={styles['meta-item-container']}
-        id={'meta-item-id'}
-        type={'movie'}
-        name={'Demo item'}
-        posterShape={'poster'}
-        poster={'/images/intro_background.jpg'}
-        title={'Demo item'}
-        progress={0.4}
-        playIcon={true}
-        onClick={action('Demo item clicked')}
-    />
-));
diff --git a/storybook/stories/MetaItem/SimpleMetaItem/index.js b/storybook/stories/MetaItem/SimpleMetaItem/index.js
deleted file mode 100644
index 5a839c692..000000000
--- a/storybook/stories/MetaItem/SimpleMetaItem/index.js
+++ /dev/null
@@ -1 +0,0 @@
-require('./SimpleMetaItem');
diff --git a/storybook/stories/MetaItem/SimpleMetaItem/styles.less b/storybook/stories/MetaItem/SimpleMetaItem/styles.less
deleted file mode 100644
index feed69dc2..000000000
--- a/storybook/stories/MetaItem/SimpleMetaItem/styles.less
+++ /dev/null
@@ -1,4 +0,0 @@
-.meta-item-container {
-    width: 180px;
-    margin: 10px;
-}
\ No newline at end of file
diff --git a/storybook/stories/MetaItem/SаmpleMetaItem/SаmpleMetaItem.js b/storybook/stories/MetaItem/SаmpleMetaItem/SаmpleMetaItem.js
new file mode 100644
index 000000000..87a1e07c8
--- /dev/null
+++ b/storybook/stories/MetaItem/SаmpleMetaItem/SаmpleMetaItem.js
@@ -0,0 +1,32 @@
+const React = require('react');
+const { storiesOf } = require('@storybook/react');
+const { action } = require('@storybook/addon-actions');
+const { MetaItem } = require('stremio/common');
+const styles = require('./styles');
+
+const CONTINUE_WATCHING_MENU = [
+    {
+        label: 'Play',
+        value: 'play'
+    },
+    {
+        label: 'Dismiss',
+        value: 'dismiss'
+    }
+];
+
+storiesOf('MetaItem', module).add('SаmpleMetaItem', () => (
+    <MetaItem
+        className={styles['meta-item']}
+        type={'movie'}
+        name={'Sample meta item'}
+        poster={'/images/intro_background.jpg'}
+        posterShape={'poster'}
+        playIcon={true}
+        progress={0.4}
+        menuOptions={CONTINUE_WATCHING_MENU}
+        dataset={{ id: 'pt1' }}
+        onSelect={action('onSelect')}
+        menuOptionOnSelect={action('menuOptionOnSelect')}
+    />
+));
diff --git a/storybook/stories/MetaItem/SаmpleMetaItem/index.js b/storybook/stories/MetaItem/SаmpleMetaItem/index.js
new file mode 100644
index 000000000..48d6514e8
--- /dev/null
+++ b/storybook/stories/MetaItem/SаmpleMetaItem/index.js
@@ -0,0 +1 @@
+require('./SаmpleMetaItem');
diff --git a/storybook/stories/MetaItem/SаmpleMetaItem/styles.less b/storybook/stories/MetaItem/SаmpleMetaItem/styles.less
new file mode 100644
index 000000000..d99107025
--- /dev/null
+++ b/storybook/stories/MetaItem/SаmpleMetaItem/styles.less
@@ -0,0 +1,5 @@
+.meta-item {
+    flex: none;
+    width: 12rem;
+    margin: 1rem;
+}
\ No newline at end of file
diff --git a/storybook/stories/MetaItem/index.js b/storybook/stories/MetaItem/index.js
index 5a839c692..48d6514e8 100644
--- a/storybook/stories/MetaItem/index.js
+++ b/storybook/stories/MetaItem/index.js
@@ -1 +1 @@
-require('./SimpleMetaItem');
+require('./SаmpleMetaItem');