From 1dd2c949b4be46e98901293b91a9c34ac1671a9a Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Wed, 13 May 2026 15:36:33 -0400
Subject: [PATCH] fix a scroll issue and also add correct icons in profile and
 tag pages in sidebar

---
 app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx | 2 +-
 app/(home-pages)/p/[didOrHandle]/layout.tsx        | 9 ++++++---
 app/(home-pages)/tag/[tag]/layout.tsx              | 9 ++++++---
 components/PageLayouts/DashboardPageLayout.tsx     | 8 +++++++-
 4 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx b/app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx
index df27af0e..1faf955a 100644
--- a/app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx
+++ b/app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx
@@ -11,7 +11,7 @@ export function ProfileLayout(props: { children: React.ReactNode }) {
           ${
             cardBorderHidden
               ? "bg-transparent"
-              : "overflow-y-scroll h-full border border-border-light rounded-lg! container px-3 sm:px-4 sm:-mt-2"
+              : "overflow-y-scroll h-full border border-border-light rounded-lg! container px-3 sm:px-4 "
           }
           max-w-prose w-full
           flex flex-col pb-3
diff --git a/app/(home-pages)/p/[didOrHandle]/layout.tsx b/app/(home-pages)/p/[didOrHandle]/layout.tsx
index b84cfe71..f904338a 100644
--- a/app/(home-pages)/p/[didOrHandle]/layout.tsx
+++ b/app/(home-pages)/p/[didOrHandle]/layout.tsx
@@ -13,6 +13,9 @@ import { Metadata } from "next";
 import { cache } from "react";
 import { PageTitle } from "components/ActionBar/DesktopNavigation";
 import { Avatar } from "components/Avatar";
+import { BlockMailboxSmall } from "components/Icons/BlockMailboxSmall";
+import { TrendingSmall } from "components/Icons/TrendingSmall";
+import { NewSmall } from "components/Icons/NewSmall";
 
 // Cache the profile data call to prevent concurrent OAuth restores
 const getCachedProfileData = cache(async (did: string) => {
@@ -87,9 +90,9 @@ export default async function ProfilePageLayout(props: {
       id="profile"
       pageTitle={<PageTitle pageTitle={displayName} />}
       tabs={{
-        Inbox: { href: "/reader" },
-        Trending: { href: "/reader/trending" },
-        New: { href: "/reader/new" },
+        Inbox: { icon: <BlockMailboxSmall />, href: "/reader" },
+        Trending: { icon: <TrendingSmall />, href: "/reader/trending" },
+        New: { icon: <NewSmall />, href: "/reader/new" },
       }}
     >
       <DashboardPageLayout
diff --git a/app/(home-pages)/tag/[tag]/layout.tsx b/app/(home-pages)/tag/[tag]/layout.tsx
index ba489e04..a3d1e7ba 100644
--- a/app/(home-pages)/tag/[tag]/layout.tsx
+++ b/app/(home-pages)/tag/[tag]/layout.tsx
@@ -1,5 +1,8 @@
 import { DashboardShell } from "components/PageLayouts/DashboardShell";
 import { PageTitle } from "components/ActionBar/DesktopNavigation";
+import { BlockMailboxSmall } from "components/Icons/BlockMailboxSmall";
+import { NewSmall } from "components/Icons/NewSmall";
+import { TrendingSmall } from "components/Icons/TrendingSmall";
 
 export default async function TagLayout(props: {
   children: React.ReactNode;
@@ -13,9 +16,9 @@ export default async function TagLayout(props: {
       id="tag"
       pageTitle={<PageTitle pageTitle={decodedTag} />}
       tabs={{
-        Inbox: { href: "/reader" },
-        Trending: { href: "/reader/trending" },
-        New: { href: "/reader/new" },
+        Inbox: { icon: <BlockMailboxSmall />, href: "/reader" },
+        Trending: { icon: <TrendingSmall />, href: "/reader/trending" },
+        New: { icon: <NewSmall />, href: "/reader/new" },
       }}
     >
       {props.children}
diff --git a/components/PageLayouts/DashboardPageLayout.tsx b/components/PageLayouts/DashboardPageLayout.tsx
index ce90b264..143ccc36 100644
--- a/components/PageLayouts/DashboardPageLayout.tsx
+++ b/components/PageLayouts/DashboardPageLayout.tsx
@@ -16,7 +16,13 @@ export function DashboardPageLayout(props: {
 
   return (
     <div
-      className={`dashboardPage w-full h-full flex flex-col gap-2 relative overflow-y-scroll pt-3 pb-[calc(var(--safe-padding-bottom)+56px)] px-3 sm:pt-6 sm:pb-6 sm:pl-8 sm:pr-4`}
+      className={`dashboardPageContent
+        relative w-full h-full
+        flex flex-col gap-2
+         pt-3 pb-[calc(var(--safe-padding-bottom)+56px)] px-3
+         sm:pt-6 sm:pb-6 sm:pl-8 sm:pr-4
+         overflow-y-auto
+         `}
       ref={ref}
       id="home-content"
     >
-- 
2.51.2