diff --git a/src/components/ui/themeSwitcher/ThemeSwitcher.module.css b/src/components/ui/ThemeSwitcher/ThemeSwitcher.module.css
similarity index 100%
rename from src/components/ui/themeSwitcher/ThemeSwitcher.module.css
rename to src/components/ui/ThemeSwitcher/ThemeSwitcher.module.css
diff --git a/src/components/ui/themeSwitcher/ThemeSwitcher.tsx b/src/components/ui/ThemeSwitcher/ThemeSwitcher.tsx
similarity index 97%
rename from src/components/ui/themeSwitcher/ThemeSwitcher.tsx
rename to src/components/ui/ThemeSwitcher/ThemeSwitcher.tsx
index ce09015..8a857f0 100644
--- a/src/components/ui/themeSwitcher/ThemeSwitcher.tsx
+++ b/src/components/ui/ThemeSwitcher/ThemeSwitcher.tsx
@@ -1,4 +1,5 @@
-/*import Button from "../button/button.jsx";
+/*
+import Button from "../button/button.jsx";
 import { useState, useEffect } from "react";
 import styles from "./ThemeSwitcher.module.css";
 
@@ -29,6 +30,7 @@ export default function ThemeSwitcher() {
             <img src={`/icons/theme/${theme}.svg`} alt={`${theme} icon`} className={styles.themeIcon} />
             <p>Changer de thème </p>
     </Button>
+}
 }*/
 
 import Button from "../Button/Button";
diff --git a/src/components/ui/themeSwitcher/ThemeSwitcher.jsx b/src/components/ui/themeSwitcher/ThemeSwitcher.jsx
deleted file mode 100644
index 1953c97..0000000
--- a/src/components/ui/themeSwitcher/ThemeSwitcher.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import Button from "../Button/Button.tsx";
-import { useState, useEffect } from "react";
-import styles from "./ThemeSwitcher.module.css";
-
-
-export default function ThemeSwitcher() {
-
-    const [theme, setTheme] = useState("");
-
-    useEffect(() => {
-        const t = localStorage.getItem("theme");
-        if(t) setTheme(t);
-        else setTheme("light");
-    }, []);
-
-    const switchTheme = () => {
-
-        let newTheme = theme === "light" ? "dark" : "light";
-
-        if(theme === null || theme === "") newTheme = "dark";
-
-        localStorage.setItem("theme", newTheme);
-        setTheme(newTheme);
-
-        window.dispatchEvent(new Event("theme-changed"));
-    };
-
-    return <Button variant={"default"} onClick={switchTheme} className={styles.themeBtn}>
-            <img src={`/icons/theme/${theme}.svg`} alt={`${theme} icon`} className={styles.themeIcon} />
-            <p>Changer de thème </p>
-    </Button>
-}
\ No newline at end of file
diff --git a/src/pages/Profile/components/SettingsModal/SettingsModal.tsx b/src/pages/Profile/components/SettingsModal/SettingsModal.tsx
index e542b60..3d7440f 100644
--- a/src/pages/Profile/components/SettingsModal/SettingsModal.tsx
+++ b/src/pages/Profile/components/SettingsModal/SettingsModal.tsx
@@ -2,7 +2,7 @@ import {useContext, useState, ChangeEvent} from "react";
 import Modal from "../../../../components/ui/Modal/Modal";
 import Button from "../../../../components/ui/Button/Button";
 import styles from "./SettingsModal.module.css";
-import ThemeSwitcher from "../../../../components/ui/themeSwitcher/ThemeSwitcher";
+import ThemeSwitcher from "../../../../components/ui/ThemeSwitcher/ThemeSwitcher";
 import {AuthContext} from "../../../../contexts/auth/AuthContext";
 import TextInput from "../../../../components/ui/Input/Input";
 import updateUser from "../../../../utils/users/updateUser.js";
diff --git a/src/stories/ThemeSwitcher.stories.jsx b/src/stories/ThemeSwitcher.stories.jsx
index 8ae3e63..1f35f8a 100644
--- a/src/stories/ThemeSwitcher.stories.jsx
+++ b/src/stories/ThemeSwitcher.stories.jsx
@@ -1,4 +1,4 @@
-import ThemeSwitcher from "../components/ui/themeSwitcher/ThemeSwitcher";
+import ThemeSwitcher from "../components/ui/ThemeSwitcher/ThemeSwitcher";
 import Background from "../components/Background/Background.jsx";
 
 export default {