From e17bf29578bf201e9f457b4a4883fb9849881343 Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Wed, 13 May 2026 15:51:02 -0400
Subject: [PATCH] fix some more stuff on profile page

---
 app/(home-pages)/p/[didOrHandle]/PostsContent.tsx  | 1 +
 app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx | 4 ++--
 components/ActionBar/Sidebar.tsx                   | 4 ++--
 components/PageLayouts/DashboardPageLayout.tsx     | 2 +-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/(home-pages)/p/[didOrHandle]/PostsContent.tsx b/app/(home-pages)/p/[didOrHandle]/PostsContent.tsx
index b5022e1c..1cb70263 100644
--- a/app/(home-pages)/p/[didOrHandle]/PostsContent.tsx
+++ b/app/(home-pages)/p/[didOrHandle]/PostsContent.tsx
@@ -84,6 +84,7 @@ export const ProfilePostsContent = (props: {
           Loading more posts...
         </div>
       )}
+      <div className="spacer h-4" />
     </div>
   );
 };
diff --git a/app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx b/app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx
index 1faf955a..cf21528a 100644
--- a/app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx
+++ b/app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx
@@ -11,10 +11,10 @@ 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 "
+              : "overflow-y-auto h-full border border-border-light rounded-lg! container px-3 sm:px-4 "
           }
           max-w-prose w-full
-          flex flex-col pb-3
+          flex flex-col mb-3
           text-center
     `}
     >
diff --git a/components/ActionBar/Sidebar.tsx b/components/ActionBar/Sidebar.tsx
index 131eb745..8a0d0096 100644
--- a/components/ActionBar/Sidebar.tsx
+++ b/components/ActionBar/Sidebar.tsx
@@ -30,7 +30,7 @@ export function Sidebar(props: {
   return (
     <Media
       mobile={props.mobile ?? false}
-      className={`pwa-padding pwa-padding-bottom sm:h-auto h-[100dvh] ${props.alwaysOpen ? "sm:flex sm:items-stretch" : "h-fit"}`}
+      className={`pwa-padding pwa-padding-bottom sm:h-auto h-[calc(100dvh-16px)] ${props.alwaysOpen ? "flex items-stretch sm:flex sm:items-stretch" : "h-fit"}`}
     >
       <SidebarContext
         value={{
@@ -43,7 +43,7 @@ export function Sidebar(props: {
           actionSidebar
           ${
             props.alwaysOpen
-              ? `sm:my-6 my-2 sm:ml-0 ml-2 w-56 ${cardBorderHidden ? "light-container" : "frosted-container"}`
+              ? `sm:my-6 sm:h-auto h-full my-2 sm:ml-0 ml-2 w-56 ${cardBorderHidden ? "light-container" : "frosted-container"}`
               : `w-max absolute top-0 left-0 z-10 opaque-container`
           }
           p-[6px]
diff --git a/components/PageLayouts/DashboardPageLayout.tsx b/components/PageLayouts/DashboardPageLayout.tsx
index 143ccc36..e2401fd9 100644
--- a/components/PageLayouts/DashboardPageLayout.tsx
+++ b/components/PageLayouts/DashboardPageLayout.tsx
@@ -19,7 +19,7 @@ export function DashboardPageLayout(props: {
       className={`dashboardPageContent
         relative w-full h-full
         flex flex-col gap-2
-         pt-3 pb-[calc(var(--safe-padding-bottom)+56px)] px-3
+         pt-3 pb-[calc(var(--safe-padding-bottom)+60px)] px-3
          sm:pt-6 sm:pb-6 sm:pl-8 sm:pr-4
          overflow-y-auto
          `}
-- 
2.51.2