diff --git a/apps/frontend/src/assets/logos/amati-logo-old.png b/apps/frontend/src/assets/logos/amati-logo-old.png
new file mode 100644
index 0000000..bf15f56
Binary files /dev/null and b/apps/frontend/src/assets/logos/amati-logo-old.png differ
diff --git a/apps/frontend/src/assets/logos/amati-logo.png b/apps/frontend/src/assets/logos/amati-logo.png
index bf15f56..7f94e49 100644
Binary files a/apps/frontend/src/assets/logos/amati-logo.png and b/apps/frontend/src/assets/logos/amati-logo.png differ
diff --git a/apps/frontend/src/components/AppHeader.tsx b/apps/frontend/src/components/AppHeader.tsx
index 4f4f701..ebbf575 100644
--- a/apps/frontend/src/components/AppHeader.tsx
+++ b/apps/frontend/src/components/AppHeader.tsx
@@ -62,68 +62,78 @@ export default function AppHeader({ toggle }: Props) {
 						</Button>
 					)}
 
-					<img src={logo} alt="" className="w-44 h-fit px-8 py-5" />
+					<img
+						src={logo}
+						alt=""
+						className="w-44 h-fit px-8 py-5 object-cover"
+					/>
 				</div>
 
 				{/* Conditional Navlinks */}
 				{!isSuperAdmin && (
-				<div className="flex space-x-4 justify-center w-full">
-					{showAssessmentResultLinks && (
-						<>
-							<Link
-								to="/assessmentRequest"
-								className={cx("text-sm font-medium", {
-									"text-blue-600": assessmentRequestsLinks, // warna aktif
-									"text-gray-700": !assessmentRequestsLinks, // warna default
-								})}
-								onClick={() => {
-									if (window.opener) {
-										window.close();
-									}
-								}}
-							>
-								Permohonan Assessment
-							</Link>
-							<Link
-								to="/assessmentResult"
-								className={cx("text-sm font-medium", {
-									"text-blue-600": showAssessmentResultLinks, // warna aktif
-									"text-gray-700": !showAssessmentResultLinks, // warna default
-								})}
-							>
-								Hasil Assessment
-							</Link>
-						</>
-					)}
+					<div className="flex space-x-4 justify-center w-full">
+						{showAssessmentResultLinks && (
+							<>
+								<Link
+									to="/assessmentRequest"
+									className={cx("text-sm font-medium", {
+										"text-blue-600":
+											assessmentRequestsLinks, // warna aktif
+										"text-gray-700":
+											!assessmentRequestsLinks, // warna default
+									})}
+									onClick={() => {
+										if (window.opener) {
+											window.close();
+										}
+									}}
+								>
+									Permohonan Assessment
+								</Link>
+								<Link
+									to="/assessmentResult"
+									className={cx("text-sm font-medium", {
+										"text-blue-600":
+											showAssessmentResultLinks, // warna aktif
+										"text-gray-700":
+											!showAssessmentResultLinks, // warna default
+									})}
+								>
+									Hasil Assessment
+								</Link>
+							</>
+						)}
 
-					{showAssessmentLinks && (
-						<>
-							<Link
-								to="/assessmentRequest"
-								className={cx("text-sm font-medium", {
-									"text-blue-600": assessmentRequestsLinks, // warna aktif
-									"text-gray-700": !assessmentRequestsLinks, // warna default
-								})}
-								onClick={() => {
-									if (window.opener) {
-										window.close();
-									}
-								}}
-							>
-								Permohonan Assessment
-							</Link>
-							<Link
-								to="/assessment"
-								className={cx("text-sm font-medium", {
-									"text-blue-600": showAssessmentLinks, // warna aktif
-									"text-gray-700": !showAssessmentLinks, // warna default
-								})}
-							>
-								Assessment
-							</Link>
-						</>
-					)}
-				</div>
+						{showAssessmentLinks && (
+							<>
+								<Link
+									to="/assessmentRequest"
+									className={cx("text-sm font-medium", {
+										"text-blue-600":
+											assessmentRequestsLinks, // warna aktif
+										"text-gray-700":
+											!assessmentRequestsLinks, // warna default
+									})}
+									onClick={() => {
+										if (window.opener) {
+											window.close();
+										}
+									}}
+								>
+									Permohonan Assessment
+								</Link>
+								<Link
+									to="/assessment"
+									className={cx("text-sm font-medium", {
+										"text-blue-600": showAssessmentLinks, // warna aktif
+										"text-gray-700": !showAssessmentLinks, // warna default
+									})}
+								>
+									Assessment
+								</Link>
+							</>
+						)}
+					</div>
 				)}
 
 				<DropdownMenu
@@ -142,7 +152,9 @@ export default function AppHeader({ toggle }: Props) {
 									{user?.photoProfile ? (
 										<AvatarImage src={user.photoProfile} />
 									) : (
-										<AvatarFallback>{user?.name?.charAt(0) ?? "A"}</AvatarFallback>
+										<AvatarFallback>
+											{user?.name?.charAt(0) ?? "A"}
+										</AvatarFallback>
 									)}
 								</Avatar>
 							</div>