diff --git a/apps/web/src/components/models/course/detail/CourseDetailHeader/CourseDetailHeader.tsx b/apps/web/src/components/models/course/detail/CourseDetailHeader/CourseDetailHeader.tsx
index 88657a2..71ec0e0 100755
--- a/apps/web/src/components/models/course/detail/CourseDetailHeader/CourseDetailHeader.tsx
+++ b/apps/web/src/components/models/course/detail/CourseDetailHeader/CourseDetailHeader.tsx
@@ -8,7 +8,7 @@ import {
 } from "@ant-design/icons";
 import { useAuth } from "@web/src/providers/auth-provider";
 import { useNavigate } from "react-router-dom";
-import { UserMenu } from "@web/src/components/layout/element/usermenu/usermenu";
+import { UserMenu } from "@web/src/app/main/layout/UserMenu";
 import { CourseDetailContext } from "../CourseDetailContext";
 
 const { Header } = Layout;
@@ -18,7 +18,7 @@ export function CourseDetailHeader() {
 	const { isAuthenticated, user } = useAuth();
 	const navigate = useNavigate();
 	const { course } = useContext(CourseDetailContext);
-	
+
 	return (
 		<Header className="select-none flex items-center justify-center bg-white shadow-md border-b border-gray-100 fixed w-full z-30">
 			<div className="w-full max-w-screen-2xl px-4 md:px-6 mx-auto flex items-center justify-between h-full">