diff --git a/src/components/Sidebar/ProfileButton.tsx b/src/components/Sidebar/ProfileButton.tsx
index 0ca32d3..98c3392 100644
--- a/src/components/Sidebar/ProfileButton.tsx
+++ b/src/components/Sidebar/ProfileButton.tsx
@@ -8,11 +8,18 @@ export default function ProfileButton() {
   const { primaryViewType } = usePrimaryNoteView()
   const { checkLogin } = useNostr()
 
+  // Profile button is active when:
+  // 1. Profile is the current primary page AND there's no overlay (primaryViewType === null)
+  // 2. OR primaryViewType is 'profile' (overlay profile)
+  const isActive = 
+    (display && current === 'profile' && primaryViewType === null) ||
+    primaryViewType === 'profile'
+
   return (
     <SidebarItem
       title="Profile"
       onClick={() => checkLogin(() => navigate('profile'))}
-      active={display && current === 'profile' && primaryViewType === 'profile'}
+      active={isActive}
     >
       <UserRound strokeWidth={3} />
     </SidebarItem>