diff --git a/.storybook/preview.ts b/.storybook/preview.ts
index b44aa48e9f2be8b5eeee42239c48cac35dd0a087..218d11b7161ae5cdf5ee1e6f49e208027e7bae8b 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.ts
@@ -17,7 +17,7 @@ const preview: Preview = {
     },
     options: {
       storySort: {
-        order: ['Introduction', ['DesignSystem', 'Colors'], 'UI', 'Components'],
+        order: ['Introduction', ['DesignSystem'], 'Components', 'UI'],
       },
     },
     backgrounds: {
diff --git a/src/app/shared/components/color-block/color-block.stories.ts b/src/app/shared/components/color-block/color-block.stories.ts
index 1de5e32c27a832848f837bc2719d2816e8bdf4ad..c53a07c2122c361f13642ec1ee26fa719ee47b56 100644
--- a/src/app/shared/components/color-block/color-block.stories.ts
+++ b/src/app/shared/components/color-block/color-block.stories.ts
@@ -6,7 +6,7 @@ import { ColorBlockComponent } from './color-block.component';
 
 // More on how to set up stories at: https://storybook.js.org/docs/angular/writing-stories/introduction
 const meta: Meta<ColorBlockComponent> = {
-  title: 'Introduction/Colors',
+  title: 'UI/ColorBlock',
   component: ColorBlockComponent,
   // tags: ['autodocs'],
   decorators: [