diff --git a/app/web/src/components/TopNav/TopNav.tsx b/app/web/src/components/TopNav/TopNav.tsx
index 0f015eb..22a743d 100644
--- a/app/web/src/components/TopNav/TopNav.tsx
+++ b/app/web/src/components/TopNav/TopNav.tsx
@@ -4,7 +4,7 @@ import NavPlusButton from 'src/components/NavPlusButton'
 import ProfileSlashLogin from 'src/components/ProfileSlashLogin'
 import { ReactNode } from 'react'
 interface IdeHeaderProps {
-  children: ReactNode
+  children?: ReactNode
 }
 
 const TopNav = ({ children }: IdeHeaderProps) => {
diff --git a/app/web/src/components/UserProfile/UserProfile.tsx b/app/web/src/components/UserProfile/UserProfile.tsx
index 0ffe9b5..507b3c7 100644
--- a/app/web/src/components/UserProfile/UserProfile.tsx
+++ b/app/web/src/components/UserProfile/UserProfile.tsx
@@ -53,14 +53,7 @@ const UserProfile = ({ user, isEditing, onSave }: UserProfileType) => {
     <>
       <div className="md:h-screen flex flex-col text-lg font-fira-sans">
         <div className="flex">
-          <TopNav
-            handleRender={() => {}}
-            projectOwner={user?.userName}
-            projectOwnerImage={user?.image}
-            projectOwnerId={user?.id}
-          >
-            <span></span>
-          </TopNav>
+          <TopNav />
         </div>
         <div className="relative flex-grow h-full">
           <div className="grid md:grid-cols-profile-layout grid-flow-row-dense absolute inset-0">