diff --git a/apps/frontend/src/routes/forgot-password/index.lazy.tsx b/apps/frontend/src/routes/forgot-password/index.lazy.tsx
index e03c549..bd8c134 100644
--- a/apps/frontend/src/routes/forgot-password/index.lazy.tsx
+++ b/apps/frontend/src/routes/forgot-password/index.lazy.tsx
@@ -18,6 +18,7 @@ import { Input } from "@/shadcn/components/ui/input.tsx";
 import client from "@/honoClient";
 import { useState } from "react";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "@/shadcn/components/ui/dropdown-menu";
+import amatilogo from "@/assets/logos/amati-logo.png";
 
 // Define validation schema using zod
 const formSchema = z.object({
@@ -172,7 +173,9 @@ export function ForgotPasswordForm() {
 
       <div className="relative flex flex-col min-h-screen p-7 bg-transparent justify-between z-10">
         {/* Top */}
-        <div className="flex items-center font-bold">Amati</div>
+        <div className="flex">
+					<img src={amatilogo} alt="Amati Logo" className="h-4 object-contain" />
+				</div>
 
         {/* Center */}
         <div className="flex flex-col h-full w-full xl:ml-32 2xl:ml-72 bg-transparent justify-center lg:px-28">
@@ -221,13 +224,13 @@ export function ForgotPasswordForm() {
         </div>
 
         {/* Bottom */}
-        <div className="flex items-center justify-center lg:justify-start w-56 h-8 mx-auto lg:mx-0 bg-muted rounded-md">
+        {/* <div className="flex items-center justify-center lg:justify-start w-56 h-8 mx-auto lg:mx-0 bg-muted rounded-md">
           <CustomDropdownMenu
             onSelect={handleSelect}
             defaultOption="English (United States)"
             listOption={["English (United States)", "Indonesia"]}
           />
-        </div>
+        </div> */}
       </div>
     </div>
   );
diff --git a/apps/frontend/src/routes/forgot-password/verify.lazy.tsx b/apps/frontend/src/routes/forgot-password/verify.lazy.tsx
index 1d8294a..a219e98 100644
--- a/apps/frontend/src/routes/forgot-password/verify.lazy.tsx
+++ b/apps/frontend/src/routes/forgot-password/verify.lazy.tsx
@@ -16,6 +16,7 @@ import { useEffect, useState } from "react";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "@/shadcn/components/ui/dropdown-menu";
 import { HiOutlineGlobeAlt } from "react-icons/hi";
 import { IoIosArrowUp } from "react-icons/io";
+import amatilogo from "@/assets/logos/amati-logo.png";
 
 /// Define validation schema using zod
 const formSchema = z
@@ -208,7 +209,9 @@ export function ResetPasswordForm() {
 
       <div className="relative flex flex-col min-h-screen p-7 bg-transparent justify-between z-10">
         {/* Top */}
-        <div className="flex items-center font-bold">Amati</div>
+        <div className="flex">
+					<img src={amatilogo} alt="Amati Logo" className="h-4 object-contain" />
+				</div>
 
         {/* Center */}
         <div className="flex flex-col h-full w-full xl:ml-32 2xl:ml-72 bg-transparent justify-center lg:px-28">
@@ -262,13 +265,13 @@ export function ResetPasswordForm() {
           </Form>
         </div>
 
-        <div className="flex items-center justify-center lg:justify-start w-56 h-8 mx-auto lg:mx-0 bg-muted rounded-md">
+        {/* <div className="flex items-center justify-center lg:justify-start w-56 h-8 mx-auto lg:mx-0 bg-muted rounded-md">
           <CustomDropdownMenu
             onSelect={handleSelect}
             defaultOption="English (United States)"
             listOption={["English (United States)", "Indonesia"]}
           />
-        </div>
+        </div> */}
       </div>
     </div>
   );
diff --git a/apps/frontend/src/routes/login/index.lazy.tsx b/apps/frontend/src/routes/login/index.lazy.tsx
index cd18d0d..3260da1 100644
--- a/apps/frontend/src/routes/login/index.lazy.tsx
+++ b/apps/frontend/src/routes/login/index.lazy.tsx
@@ -19,7 +19,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { useEffect, useState } from "react";
 import useAuth from "@/hooks/useAuth";
 import { TbArrowNarrowRight } from "react-icons/tb";
-import logo from "@/assets/logos/amati-logo.png";
+import amatilogo from "@/assets/logos/amati-logo.png";
 
 export const Route = createLazyFileRoute("/login/")({
 	component: LoginPage,
@@ -102,7 +102,7 @@ export default function LoginPage() {
 			{/* Navbar */}
 			<nav className="flex w-full bg-transparent px-8 py-7 justify-between">
 				<div className="flex">
-					<img src="../src/assets/logos/amati-logo.png" alt="Amati Logo" className="h-4 object-contain" />
+					<img src={amatilogo} alt="Amati Logo" className="h-4 object-contain" />
 				</div>
 			</nav>
 
diff --git a/apps/frontend/src/routes/register/index.lazy.tsx b/apps/frontend/src/routes/register/index.lazy.tsx
index 3468815..dda3749 100644
--- a/apps/frontend/src/routes/register/index.lazy.tsx
+++ b/apps/frontend/src/routes/register/index.lazy.tsx
@@ -10,6 +10,7 @@ import { Checkbox } from "@/shadcn/components/ui/checkbox";
 import { Form, FormField, FormControl, FormLabel, FormMessage, FormItem } from '@/shadcn/components/ui/form.tsx';
 import { TbArrowNarrowRight } from 'react-icons/tb';
 import client from "../../honoClient";
+import amatilogo from "@/assets/logos/amati-logo.png";
 
 // Define the schema for validation
 const formSchema = z.object({
@@ -100,7 +101,7 @@ export default function RegisterPage() {
 
       {/* Logo */}
       <div className="absolute top-7 left-6">
-        <img src="../src/assets/logos/amati-logo.png" alt="Amati Logo" className="h-4 w-full object-contain" />
+        <img src={amatilogo} alt="Amati Logo" className="h-4 w-full object-contain" />
       </div>
 
       {/* Main content */}