diff --git a/src/App.tsx b/src/App.tsx
index c7ee6b2..5061aab 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,5 @@
 import Image from "@/components/image";
-import ModeToggle from "@/components/mode-toggle";
+import ModeToggle from "@/components/theme/theme-toggle";
 import { Button } from "./components/ui/button";
 import { GithubIcon } from "lucide-react";
 
diff --git a/src/components/theme-provider.tsx b/src/components/theme/theme-provider.tsx
similarity index 100%
rename from src/components/theme-provider.tsx
rename to src/components/theme/theme-provider.tsx
diff --git a/src/components/mode-toggle.tsx b/src/components/theme/theme-toggle.tsx
similarity index 100%
rename from src/components/mode-toggle.tsx
rename to src/components/theme/theme-toggle.tsx
diff --git a/src/hooks/useTheme.ts b/src/hooks/useTheme.ts
index 015a2b6..8533f12 100644
--- a/src/hooks/useTheme.ts
+++ b/src/hooks/useTheme.ts
@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { ThemeProviderContext } from "@/components/theme-provider";
+import { ThemeProviderContext } from "@/components/theme/theme-provider";
 
 export const useTheme = () => {
   const context = useContext(ThemeProviderContext);
diff --git a/src/main.tsx b/src/main.tsx
index 8a4a778..4608d25 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -4,7 +4,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 
 import App from "./App.tsx";
-import ThemeProvider from "@/components/theme-provider";
+import ThemeProvider from "@/components/theme/theme-provider.tsx";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>