diff --git a/components/Navbar/SwitchTheme/index.tsx b/components/Navbar/SwitchTheme/index.tsx
index 8be9a8d8..1a356ae5 100644
--- a/components/Navbar/SwitchTheme/index.tsx
+++ b/components/Navbar/SwitchTheme/index.tsx
@@ -1,6 +1,5 @@
 import clsx from 'clsx'
-import { toast } from 'react-toastify'
-import { selectTheme, ThemeEnum } from '../../../slices/themeSlice'
+import { selectTheme, switchTheme, ThemeEnum } from '../../../slices/themeSlice'
 import { useAppDispatch, useAppSelector } from '../../../store/hooks'
 import styles from '../style.module.scss'
 import DarkIcon from './icon/dark.svg'
@@ -11,8 +10,7 @@ export default function SwitchTheme() {
 	const dispatch = useAppDispatch()
 
 	const _changeTheme = () => {
-		toast.warn('In Development')
-		// dispatch(switchTheme())
+		dispatch(switchTheme())
 	}
 	return (
 		<div className={clsx(styles.switchTheme, 'margin-right-xs margin-left-xs')}>
diff --git a/components/Navbar/index.tsx b/components/Navbar/index.tsx
index 87b817a1..9f7f2899 100644
--- a/components/Navbar/index.tsx
+++ b/components/Navbar/index.tsx
@@ -10,7 +10,6 @@ import LiveIcon from './LiveIcon'
 import MoibleNavigation from './MobileNavigation'
 import Navigation, { MenuItem } from './Navigation'
 import styles from './style.module.scss'
-import SwitchTheme from './SwitchTheme'
 
 export default function Navbar() {
 	const { isMobile } = useMobileLayout('small')
@@ -146,7 +145,7 @@ export default function Navbar() {
 					<div className={styles.right}>
 						<Navigation items={items} />
 						<Search full={false} />
-						<SwitchTheme />
+						{/* <SwitchTheme /> */}
 					</div>
 				</div>
 			</nav>