diff --git a/src/lib/components/TextInput.stories.svelte b/src/lib/components/common/TextInput/TextInput.stories.svelte
similarity index 100%
rename from src/lib/components/TextInput.stories.svelte
rename to src/lib/components/common/TextInput/TextInput.stories.svelte
diff --git a/src/lib/components/TextInput.svelte b/src/lib/components/common/TextInput/TextInput.svelte
similarity index 100%
rename from src/lib/components/TextInput.svelte
rename to src/lib/components/common/TextInput/TextInput.svelte
diff --git a/src/lib/components/common/TextInput/index.ts b/src/lib/components/common/TextInput/index.ts
new file mode 100644
index 0000000..c2707e8
--- /dev/null
+++ b/src/lib/components/common/TextInput/index.ts
@@ -0,0 +1,3 @@
+import TextInput from './TextInput.svelte';
+
+export default TextInput;
\ No newline at end of file
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index 923958a..8c91035 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import Button from '$lib/components/Button.svelte';
 	import Container from '$lib/components/common/Container.svelte';
-	import TextInput from '$lib/components/TextInput.svelte';
 	import Tabs from '$lib/components/common/Tabs';
+	import TextInput from '$lib/components/common/TextInput';
 	import { fade } from 'svelte/transition';
 
 	let tab: 0 | 1 = $state(0);