diff --git a/web/app/(pages)/profile/_components/wrapper.tsx b/web/app/(pages)/profile/_components/wrapper.tsx
index 829d83bb..6bdde553 100644
--- a/web/app/(pages)/profile/_components/wrapper.tsx
+++ b/web/app/(pages)/profile/_components/wrapper.tsx
@@ -86,7 +86,7 @@ export const ProfileWrapper = () => {
 	return (
 		<div className="flex flex-1 flex-col text-black dark:text-white">
 			<div className="flex items-center justify-between p-[20px]">
-				<p className="text-2xl font-semibold">Profile</p>
+				<p className="text-2xl font-semibold opacity-65">@{account.me.root?.username}</p>
 				<Button
 					onClick={clickEdit}
 					className="shadow-outer ml-auto flex h-[34px] cursor-pointer flex-row space-x-2 rounded-lg bg-white px-3 text-black shadow-[1px_1px_1px_1px_rgba(0,0,0,0.3)] hover:bg-black/10 dark:bg-[#222222] dark:text-white dark:hover:opacity-60"
diff --git a/web/components/routes/EditProfileRoute.tsx b/web/components/routes/EditProfileRoute.tsx
index 69e232d3..b486108b 100644
--- a/web/components/routes/EditProfileRoute.tsx
+++ b/web/components/routes/EditProfileRoute.tsx
@@ -7,8 +7,8 @@ export default function EditProfileRoute() {
 
 	return (
 		<div className="flex flex-1 flex-col">
-			<p className="h-[74px] p-[20px] text-2xl font-semibold text-white/30">Profile</p>
-			<div className="flex flex-col items-center border-b border-neutral-900 bg-inherit pb-5 text-white">
+			<p className="h-[74px] p-[20px] text-2xl font-semibold text-black dark:text-white/30">Profile</p>
+			<div className="flex flex-col items-center border-b border-neutral-900 bg-inherit pb-5">
 				<div className="flex w-full max-w-2xl align-top">
 					<button className="mr-3 h-[130px] w-[130px] flex-col items-center justify-center rounded-xl border border-dashed border-white/10 bg-neutral-100 text-white/50 dark:bg-neutral-900">
 						<p className="text-sm tracking-wide">Photo</p>
diff --git a/web/components/routes/SettingsRoute.tsx b/web/components/routes/SettingsRoute.tsx
index a83ee0d0..a0781bca 100644
--- a/web/components/routes/SettingsRoute.tsx
+++ b/web/components/routes/SettingsRoute.tsx
@@ -1,5 +1,3 @@
-import { Button } from "../ui/button"
-
 export default function SettingsRoute() {
 	return (
 		<div className="flex flex-1 flex-col">