diff --git a/apps/shade/.storybook/preview.tsx b/apps/shade/.storybook/preview.tsx
index 68f42ed2cb..5dd71eed99 100644
--- a/apps/shade/.storybook/preview.tsx
+++ b/apps/shade/.storybook/preview.tsx
@@ -59,7 +59,7 @@ const preview: Preview = {
options: {
storySort: {
method: 'alphabetical',
- order: ['Welcome', 'Adding components', 'Component usage', 'Conventions', 'Icons', 'Global', ['Form', 'Chrome', 'Modal', 'Layout', ['View Container', 'Page Header', 'Page'], 'List', 'Table', '*'], 'Settings', ['Setting Section', 'Setting Group', '*'], 'Experimental'],
+ order: ['Welcome', 'Adding components', 'Component usage', 'Conventions', 'Icons', 'Components', 'Meta', 'Experimental'],
},
},
docs: {
diff --git a/apps/shade/src/components/ui/icon.stories.tsx b/apps/shade/src/components/ui/icon.stories.tsx
index bfb37b4020..0a11f8b115 100644
--- a/apps/shade/src/components/ui/icon.stories.tsx
+++ b/apps/shade/src/components/ui/icon.stories.tsx
@@ -3,7 +3,7 @@ import type {Meta, StoryObj} from '@storybook/react';
import {useState} from 'react';
const meta = {
- title: 'Components / Streamline icons',
+ title: 'Components / Icons',
component: Icon.Close,
tags: ['autodocs'],
argTypes: {
diff --git a/apps/shade/src/components/ui/lucide-icon.stories.tsx b/apps/shade/src/components/ui/lucide-icon.stories.tsx
index 1891f18df0..81829ecd0d 100644
--- a/apps/shade/src/components/ui/lucide-icon.stories.tsx
+++ b/apps/shade/src/components/ui/lucide-icon.stories.tsx
@@ -3,7 +3,7 @@ import type {Meta, StoryObj} from '@storybook/react';
import {Smile} from 'lucide-react';
const meta = {
- title: 'Components / Lucide icons',
+ title: 'Experimental / Lucide icons',
component: Smile,
tags: ['autodocs'],
parameters: {
diff --git a/apps/shade/src/docs/Icons.mdx b/apps/shade/src/docs/Icons.mdx
index e9c0e2af5a..8e3d7818e1 100644
--- a/apps/shade/src/docs/Icons.mdx
+++ b/apps/shade/src/docs/Icons.mdx
@@ -12,9 +12,9 @@ In Shade we use Streamline icons. They are dynamically loaded from the `src/asse
```
-If you check out the [Icons](/docs/components-streamline-icons--docs) component here in Storybook, you'll see a grid of all available icons in Shade. This list is dynamically loaded and if you click on an icon then the component code will be copied to your clipboard.
+If you check out the [Icons](/docs/components-icons--docs) component here in Storybook, you'll see a grid of all available icons in Shade. This list is dynamically loaded and if you click on an icon then the component code will be copied to your clipboard.
-Streamline icons in Shade →
+Streamline icons in Shade →
## Adding icons