diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
index 57c07e6..4052d90 100644
--- a/src/app/auth/page.tsx
+++ b/src/app/auth/page.tsx
@@ -2,7 +2,7 @@ import FormAuth from '@/components/pages/auth/form-auth'
 import ImageCard from '@/components/pages/auth/image-card'
 import Content from '@/components/ui/content'
 import { Icons } from '@/components/ui/icons'
-import { ModeToggle } from '@/components/ui/theme-toggler'
+import { ThemeToggler } from '@/components/ui/theme-toggler'
 
 export default function Auth() {
   return (
@@ -15,7 +15,7 @@ export default function Auth() {
           <div>
             <div className="flex justify-between pb-2">
               <h1 className="title-lg">Authentication</h1>
-              <ModeToggle />
+              <ThemeToggler />
             </div>
             <FormAuth className="mt-5" />
           </div>
diff --git a/src/components/ui/theme-toggler.tsx b/src/components/ui/theme-toggler.tsx
index aae11f6..6b077d9 100644
--- a/src/components/ui/theme-toggler.tsx
+++ b/src/components/ui/theme-toggler.tsx
@@ -11,7 +11,7 @@ import { Moon, Sun } from 'lucide-react'
 import { useTheme } from 'next-themes'
 import * as React from 'react'
 
-export function ModeToggle() {
+export function ThemeToggler() {
   const { setTheme } = useTheme()
 
   return (