diff --git a/Client/src/Components/ThemeSwitch/index.jsx b/Client/src/Components/ThemeSwitch/index.jsx
index b25b72218..533b026b2 100644
--- a/Client/src/Components/ThemeSwitch/index.jsx
+++ b/Client/src/Components/ThemeSwitch/index.jsx
@@ -1,8 +1,7 @@
 import React, { useEffect, useState } from "react";
-// import "./index.css";
+import "./index.css";
 import { IconButton } from "@mui/material";
 import SunAndMoonIcon from "./SunAndMoonIcon";
-// import SunAndMoonIcon from "./SunAndMoonIcon";
 
 const ThemeSwitch = () => {
 	const [currentTheme, setCurrentTheme] = useState("light");
@@ -11,7 +10,6 @@ const ThemeSwitch = () => {
 
 	useEffect(() => {
 		document.body.setAttribute("data-theme", currentTheme);
-		console.log(currentTheme);
 	}, [currentTheme]);
 
 	return (
@@ -27,18 +25,6 @@ const ThemeSwitch = () => {
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "center",
-				// "& .sun-and-moon": {
-				// 	transformOrigin: "center",
-				// },
-				// "& .sun": {
-				// 	fill: "var(--icon-fill)",
-				// 	transition: "transform 0.5s ease",
-				// 	...(currentTheme === "dark" && { transform: "scale(1.75)" }),
-				// },
-				// "& .moon > circle": {
-				// 	transform: currentTheme === "dark" ? "translateX(-7px)" : "none",
-				// 	transition: "transform 0.25s ease",
-				// },
 			}}
 		>
 			<SunAndMoonIcon />