diff --git a/app/p/[didOrHandle]/(profile)/PostsContent.tsx b/app/(home-pages)/p/[didOrHandle]/PostsContent.tsx
similarity index 95%
rename from app/p/[didOrHandle]/(profile)/PostsContent.tsx
rename to app/(home-pages)/p/[didOrHandle]/PostsContent.tsx
index 2242b938..d8fbea2d 100644
--- a/app/p/[didOrHandle]/(profile)/PostsContent.tsx
+++ b/app/(home-pages)/p/[didOrHandle]/PostsContent.tsx
@@ -2,8 +2,8 @@
 
 import { PostListing } from "components/PostListing";
 import type { Post } from "app/(home-pages)/reader/getReaderFeed";
-import type { Cursor } from "../getProfilePosts";
-import { getProfilePosts } from "../getProfilePosts";
+import type { Cursor } from "./getProfilePosts";
+import { getProfilePosts } from "./getProfilePosts";
 import useSWRInfinite from "swr/infinite";
 import { useEffect, useRef } from "react";
 
diff --git a/app/p/[didOrHandle]/(profile)/ProfileHeader.tsx b/app/(home-pages)/p/[didOrHandle]/ProfileHeader.tsx
similarity index 100%
rename from app/p/[didOrHandle]/(profile)/ProfileHeader.tsx
rename to app/(home-pages)/p/[didOrHandle]/ProfileHeader.tsx
diff --git a/app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx b/app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx
new file mode 100644
index 00000000..9661c35c
--- /dev/null
+++ b/app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import { useCardBorderHidden } from "components/Pages/useCardBorderHidden";
+
+export function ProfileLayout(props: { children: React.ReactNode }) {
+  let borderHidden = useCardBorderHidden();
+  return (
+    <div className="h-full">
+      <div
+        id="profile-content"
+        className={`
+          ${
+            borderHidden
+              ? ""
+              : "h-full border border-border-light rounded-lg overflow-y-scroll"
+          }
+          max-w-prose
+          mx-auto
+    w-full
+    flex flex-col
+    text-center
+    `}
+      >
+        {props.children}
+      </div>
+    </div>
+  );
+}
diff --git a/app/p/[didOrHandle]/(profile)/ProfileTabs.tsx b/app/(home-pages)/p/[didOrHandle]/ProfileTabs.tsx
similarity index 99%
rename from app/p/[didOrHandle]/(profile)/ProfileTabs.tsx
rename to app/(home-pages)/p/[didOrHandle]/ProfileTabs.tsx
index ecbd96af..2b9f32ce 100644
--- a/app/p/[didOrHandle]/(profile)/ProfileTabs.tsx
+++ b/app/(home-pages)/p/[didOrHandle]/ProfileTabs.tsx
@@ -41,7 +41,7 @@ export const ProfileTabs = (props: { didOrHandle: string }) => {
   // const bgColor = !cardBorderHidden ? "var(--bg-leaflet)" : "var(--bg-page)";
 
   return (
-    <div className="flex flex-col w-full sticky top-3 sm:top-4 z-10 sm:px-4 px-3">
+    <div className="flex flex-col w-full sticky top-3 sm:top-4 z-20 sm:px-4 px-3">
       <div
         style={
           scrollPosWithinTabContent < 20
diff --git a/app/p/[didOrHandle]/(profile)/comments/CommentsContent.tsx b/app/(home-pages)/p/[didOrHandle]/comments/CommentsContent.tsx
similarity index 100%
rename from app/p/[didOrHandle]/(profile)/comments/CommentsContent.tsx
rename to app/(home-pages)/p/[didOrHandle]/comments/CommentsContent.tsx
diff --git a/app/p/[didOrHandle]/(profile)/comments/getProfileComments.ts b/app/(home-pages)/p/[didOrHandle]/comments/getProfileComments.ts
similarity index 100%
rename from app/p/[didOrHandle]/(profile)/comments/getProfileComments.ts
rename to app/(home-pages)/p/[didOrHandle]/comments/getProfileComments.ts
diff --git a/app/p/[didOrHandle]/(profile)/comments/page.tsx b/app/(home-pages)/p/[didOrHandle]/comments/page.tsx
similarity index 100%
rename from app/p/[didOrHandle]/(profile)/comments/page.tsx
rename to app/(home-pages)/p/[didOrHandle]/comments/page.tsx
diff --git a/app/p/[didOrHandle]/getProfilePosts.ts b/app/(home-pages)/p/[didOrHandle]/getProfilePosts.ts
similarity index 100%
rename from app/p/[didOrHandle]/getProfilePosts.ts
rename to app/(home-pages)/p/[didOrHandle]/getProfilePosts.ts
diff --git a/app/p/[didOrHandle]/(profile)/layout.tsx b/app/(home-pages)/p/[didOrHandle]/layout.tsx
similarity index 65%
rename from app/p/[didOrHandle]/(profile)/layout.tsx
rename to app/(home-pages)/p/[didOrHandle]/layout.tsx
index 6a9381e6..2ba50c8f 100644
--- a/app/p/[didOrHandle]/(profile)/layout.tsx
+++ b/app/(home-pages)/p/[didOrHandle]/layout.tsx
@@ -4,9 +4,10 @@ import { supabaseServerClient } from "supabase/serverClient";
 import { Json } from "supabase/database.types";
 import { ProfileHeader } from "./ProfileHeader";
 import { ProfileTabs } from "./ProfileTabs";
-import { ProfileDashboardLayout } from "./ProfileDashboardLayout";
+import { DashboardLayout } from "components/PageLayouts/DashboardLayout";
+import { ProfileLayout } from "./ProfileLayout";
 
-export default async function ProfileLayout(props: {
+export default async function ProfilePageLayout(props: {
   params: Promise<{ didOrHandle: string }>;
   children: React.ReactNode;
 }) {
@@ -45,25 +46,29 @@ export default async function ProfileLayout(props: {
   if (!profile) return null;
 
   return (
-    <ProfileDashboardLayout did={did}>
-      <div className="h-full">
-        <div
-          id="profile-content"
-          className={`
-          max-w-prose mx-auto w-full h-full
-          flex flex-col
-          border border-border-light rounded-lg
-          text-center
-          overflow-y-scroll `}
-        >
-          <ProfileHeader profile={profile} publications={publications || []} />
-          <ProfileTabs didOrHandle={params.didOrHandle} />
-          <div className="h-full pt-3 pb-4 px-3 sm:px-4 flex flex-col">
-            {props.children}
-          </div>
-        </div>
-      </div>
-    </ProfileDashboardLayout>
+    <DashboardLayout
+      id="profile"
+      defaultTab="default"
+      currentPage="profile"
+      actions={null}
+      tabs={{
+        default: {
+          controls: null,
+          content: (
+            <ProfileLayout>
+              <ProfileHeader
+                profile={profile}
+                publications={publications || []}
+              />
+              <ProfileTabs didOrHandle={params.didOrHandle} />
+              <div className="h-full pt-3 pb-4 px-3 sm:px-4 flex flex-col">
+                {props.children}
+              </div>
+            </ProfileLayout>
+          ),
+        },
+      }}
+    />
   );
 }
 
diff --git a/app/p/[didOrHandle]/(profile)/page.tsx b/app/(home-pages)/p/[didOrHandle]/page.tsx
similarity index 92%
rename from app/p/[didOrHandle]/(profile)/page.tsx
rename to app/(home-pages)/p/[didOrHandle]/page.tsx
index d608d5b2..f1d4002b 100644
--- a/app/p/[didOrHandle]/(profile)/page.tsx
+++ b/app/(home-pages)/p/[didOrHandle]/page.tsx
@@ -1,5 +1,5 @@
 import { idResolver } from "app/(home-pages)/reader/idResolver";
-import { getProfilePosts } from "../getProfilePosts";
+import { getProfilePosts } from "./getProfilePosts";
 import { ProfilePostsContent } from "./PostsContent";
 
 export default async function ProfilePostsPage(props: {
diff --git a/app/p/[didOrHandle]/(profile)/subscriptions/SubscriptionsContent.tsx b/app/(home-pages)/p/[didOrHandle]/subscriptions/SubscriptionsContent.tsx
similarity index 100%
rename from app/p/[didOrHandle]/(profile)/subscriptions/SubscriptionsContent.tsx
rename to app/(home-pages)/p/[didOrHandle]/subscriptions/SubscriptionsContent.tsx
diff --git a/app/p/[didOrHandle]/(profile)/subscriptions/page.tsx b/app/(home-pages)/p/[didOrHandle]/subscriptions/page.tsx
similarity index 100%
rename from app/p/[didOrHandle]/(profile)/subscriptions/page.tsx
rename to app/(home-pages)/p/[didOrHandle]/subscriptions/page.tsx
diff --git a/app/p/[didOrHandle]/(profile)/ProfileDashboardLayout.tsx b/app/p/[didOrHandle]/(profile)/ProfileDashboardLayout.tsx
deleted file mode 100644
index dd2d846c..00000000
--- a/app/p/[didOrHandle]/(profile)/ProfileDashboardLayout.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-"use client";
-
-import { Actions } from "app/(home-pages)/home/Actions/Actions";
-import { Footer } from "components/ActionBar/Footer";
-import { Sidebar } from "components/ActionBar/Sidebar";
-import {
-  DesktopNavigation,
-  MobileNavigation,
-} from "components/ActionBar/Navigation";
-import { MediaContents } from "components/Media";
-import { Separator } from "components/Layout";
-
-export function ProfileDashboardLayout(props: {
-  did: string;
-  children: React.ReactNode;
-}) {
-  return (
-    <div
-      className={`dashboard pwa-padding relative max-w-(--breakpoint-lg) w-full h-full mx-auto flex sm:flex-row flex-col sm:items-stretch sm:px-6`}
-    >
-      <MediaContents mobile={false}>
-        <div className="flex flex-col gap-3 my-6">
-          <DesktopNavigation currentPage="home" />
-          <Sidebar alwaysOpen>
-            <Actions />
-          </Sidebar>
-        </div>
-      </MediaContents>
-      <div
-        className={`w-full h-full flex flex-col gap-2 relative overflow-y-scroll pt-3 pb-12 px-3 sm:pt-8 sm:pb-12 sm:pl-6 sm:pr-4`}
-        id="home-content"
-      >
-        {props.children}
-      </div>
-      <Footer>
-        <MobileNavigation currentPage="home" />
-        <Separator />
-        <Actions />
-      </Footer>
-    </div>
-  );
-}
diff --git a/components/ActionBar/Navigation.tsx b/components/ActionBar/Navigation.tsx
index 4336c9a3..636dc851 100644
--- a/components/ActionBar/Navigation.tsx
+++ b/components/ActionBar/Navigation.tsx
@@ -25,7 +25,8 @@ export type navPages =
   | "discover"
   | "notifications"
   | "looseleafs"
-  | "tag";
+  | "tag"
+  | "profile";
 
 export const DesktopNavigation = (props: {
   currentPage: navPages;