diff --git a/src/lib/components/Navigation/Navbar/Navbar.stories.svelte b/src/lib/components/Navigation/Navbar/Navbar.stories.svelte
index 9cff897..b377964 100644
--- a/src/lib/components/Navigation/Navbar/Navbar.stories.svelte
+++ b/src/lib/components/Navigation/Navbar/Navbar.stories.svelte
@@ -3,7 +3,7 @@
 	import Navbar from './Navbar.svelte';
 
 	const { Story } = defineMeta({
-		title: 'Navbar',
+		title: 'Navigation/Navbar',
 		component: Navbar
 	});
 </script>
diff --git a/src/lib/components/Navigation/Tabs/Tabs.stories.svelte b/src/lib/components/Navigation/Tabs/Tabs.stories.svelte
index 408c4a8..ae5541e 100644
--- a/src/lib/components/Navigation/Tabs/Tabs.stories.svelte
+++ b/src/lib/components/Navigation/Tabs/Tabs.stories.svelte
@@ -4,7 +4,7 @@
 	import Tabs from './Tabs.svelte';
 
 	const { Story } = defineMeta({
-		title: 'Tabs',
+		title: 'Navigation/Tabs',
 		component: Tabs,
 		tags: ['autodocs'],
 		argTypes: {
diff --git a/src/lib/components/common/Button/Button.stories.svelte b/src/lib/components/common/Button/Button.stories.svelte
index f4052be..23db95a 100644
--- a/src/lib/components/common/Button/Button.stories.svelte
+++ b/src/lib/components/common/Button/Button.stories.svelte
@@ -4,7 +4,7 @@
 	import { fn } from '@storybook/test';
 
 	const { Story } = defineMeta({
-		title: 'Button',
+		title: 'Actions/Button',
 		component: Button,
 		args: {
 			onClick: fn()
diff --git a/src/lib/components/common/Loader/Loader.stories.svelte b/src/lib/components/common/Loader/Loader.stories.svelte
index 35478a1..8acaab7 100644
--- a/src/lib/components/common/Loader/Loader.stories.svelte
+++ b/src/lib/components/common/Loader/Loader.stories.svelte
@@ -3,7 +3,7 @@
 	import Loader from './Loader.svelte';
 
 	const { Story } = defineMeta({
-		title: 'Loader',
+		title: 'Feedback/Loader',
 		component: Loader
 	});
 </script>
diff --git a/src/lib/components/common/TextInput/TextInput.stories.svelte b/src/lib/components/common/TextInput/TextInput.stories.svelte
index e385faa..1fb5893 100644
--- a/src/lib/components/common/TextInput/TextInput.stories.svelte
+++ b/src/lib/components/common/TextInput/TextInput.stories.svelte
@@ -3,7 +3,7 @@
 	import TextInput from './TextInput.svelte';
 
 	const { Story } = defineMeta({
-		title: 'TextInput',
+		title: 'Data Input/Text Input',
 		component: TextInput,
 		argTypes: {
 			color: {