diff --git a/src/stories/Test.stories.const.ts b/src/stories/Test.stories.const.ts
index 1dc196d3..39444bf5 100644
--- a/src/stories/Test.stories.const.ts
+++ b/src/stories/Test.stories.const.ts
@@ -1,4 +1,4 @@
-import {ShapeType, TabType} from '../iotMapManager/index';
+import {ShapeType, TabType} from 'iotmapmanager/dist';
 
 export interface IOTMarker {
   id: string;
diff --git a/src/stories/Test.stories.css b/src/stories/Test.stories.css
index 2a239be7..b147f389 100644
--- a/src/stories/Test.stories.css
+++ b/src/stories/Test.stories.css
@@ -1 +1 @@
-@import '../iotMapManager/iot-map-manager.css';
+@import '~iotmapmanager/iot-map-manager.css';
diff --git a/src/stories/Test.stories.ts b/src/stories/Test.stories.ts
index 1e92bbb4..a26eff06 100644
--- a/src/stories/Test.stories.ts
+++ b/src/stories/Test.stories.ts
@@ -4,7 +4,7 @@ import {
   IotMapMarkerManager,
   IotMapUserMarkerManager,
   ShapeType
-} from '../iotMapManager/index';
+} from 'iotmapmanager/dist';
 
 import './Test.stories.css';
 import {
@@ -52,6 +52,7 @@ const shapeParams = (id) => ({
   anchored: boolean('With anchor', false, 'item ' + id),
   plain: boolean('Plain shape', false, 'item ' + id),
   accuracy: accuracyParams(id),
+  direction: directionParams(id)
 });
 
 const innerParams = (id) => ({