diff --git a/src/components/Arrow/Arrow.stories.js b/src/components/Arrow/stories/Arrow.stories.js
similarity index 88%
rename from src/components/Arrow/Arrow.stories.js
rename to src/components/Arrow/stories/Arrow.stories.js
index ae6e312..776cc09 100644
--- a/src/components/Arrow/Arrow.stories.js
+++ b/src/components/Arrow/stories/Arrow.stories.js
@@ -1,4 +1,4 @@
-import Arrow from './Arrow.svelte';
+import Arrow from '../Arrow.svelte';
 
 export default {
   title: 'Default Components/Arrow',
diff --git a/src/components/Carousel/Carousel.stories.js b/src/components/Carousel/stories/Carousel.stories.js
similarity index 100%
rename from src/components/Carousel/Carousel.stories.js
rename to src/components/Carousel/stories/Carousel.stories.js
diff --git a/src/components/Carousel/CarouselView.svelte b/src/components/Carousel/stories/CarouselView.svelte
similarity index 96%
rename from src/components/Carousel/CarouselView.svelte
rename to src/components/Carousel/stories/CarouselView.svelte
index a754479..41994c9 100644
--- a/src/components/Carousel/CarouselView.svelte
+++ b/src/components/Carousel/stories/CarouselView.svelte
@@ -1,6 +1,6 @@
 <script>
-  import Carousel from './Carousel.svelte'
-  import { NEXT } from '../../direction'
+  import Carousel from '../Carousel.svelte'
+  import { NEXT } from '../../../direction'
 
   /**
    * CSS animation timing function
diff --git a/src/components/Carousel/CarouselViewCustomArrows.svelte b/src/components/Carousel/stories/CarouselViewCustomArrows.svelte
similarity index 96%
rename from src/components/Carousel/CarouselViewCustomArrows.svelte
rename to src/components/Carousel/stories/CarouselViewCustomArrows.svelte
index 9d9dcd3..968b88f 100644
--- a/src/components/Carousel/CarouselViewCustomArrows.svelte
+++ b/src/components/Carousel/stories/CarouselViewCustomArrows.svelte
@@ -1,6 +1,6 @@
 <script>
-  import Carousel from './Carousel.svelte'
-  import { NEXT } from '../../direction'
+  import Carousel from '../Carousel.svelte'
+  import { NEXT } from '../../../direction'
 
   /**
    * CSS animation timing function
diff --git a/src/components/Carousel/CarouselViewCustomDots.svelte b/src/components/Carousel/stories/CarouselViewCustomDots.svelte
similarity index 96%
rename from src/components/Carousel/CarouselViewCustomDots.svelte
rename to src/components/Carousel/stories/CarouselViewCustomDots.svelte
index 46dc193..443d9e4 100644
--- a/src/components/Carousel/CarouselViewCustomDots.svelte
+++ b/src/components/Carousel/stories/CarouselViewCustomDots.svelte
@@ -1,6 +1,6 @@
 <script>
-  import Carousel from './Carousel.svelte'
-  import { NEXT } from '../../direction'
+  import Carousel from '../Carousel.svelte'
+  import { NEXT } from '../../../direction'
 
   /**
    * CSS animation timing function
diff --git a/src/components/Dot/Dot.stories.js b/src/components/Dot/stories/Dot.stories.js
similarity index 100%
rename from src/components/Dot/Dot.stories.js
rename to src/components/Dot/stories/Dot.stories.js
diff --git a/src/components/Dot/DotView.svelte b/src/components/Dot/stories/DotView.svelte
similarity index 85%
rename from src/components/Dot/DotView.svelte
rename to src/components/Dot/stories/DotView.svelte
index 100ea7a..fd55cb2 100644
--- a/src/components/Dot/DotView.svelte
+++ b/src/components/Dot/stories/DotView.svelte
@@ -1,5 +1,5 @@
 <script>
-  import Dot from './Dot.svelte'
+  import Dot from '../Dot.svelte'
 
   /**
    * Indicates if dot is active
diff --git a/src/components/Dots/Dots.stories.js b/src/components/Dots/stories/Dots.stories.js
similarity index 100%
rename from src/components/Dots/Dots.stories.js
rename to src/components/Dots/stories/Dots.stories.js
diff --git a/src/components/Dots/DotsView.svelte b/src/components/Dots/stories/DotsView.svelte
similarity index 90%
rename from src/components/Dots/DotsView.svelte
rename to src/components/Dots/stories/DotsView.svelte
index dd8cd7c..86f88e9 100644
--- a/src/components/Dots/DotsView.svelte
+++ b/src/components/Dots/stories/DotsView.svelte
@@ -1,5 +1,5 @@
 <script>
-  import Dots from './Dots.svelte'
+  import Dots from '../Dots.svelte'
 
   /**
    * Amount of pages (amount of dots)