diff --git a/app/p/[didOrHandle]/(profile)/ProfileHeader.tsx b/app/p/[didOrHandle]/(profile)/ProfileHeader.tsx
index c0e1a14c..edecac10 100644
--- a/app/p/[didOrHandle]/(profile)/ProfileHeader.tsx
+++ b/app/p/[didOrHandle]/(profile)/ProfileHeader.tsx
@@ -22,7 +22,7 @@ export const ProfileHeader = (props: {
blobRefToSrc(profileRecord.avatar?.ref, props.profile.did)
}
displayName={profileRecord.displayName}
- className="mx-auto -mt-8"
+ className="mx-auto mt-3 sm:mt-4"
giant
/>
diff --git a/app/p/[didOrHandle]/(profile)/ProfileTabs.tsx b/app/p/[didOrHandle]/(profile)/ProfileTabs.tsx
index 95f30b56..ecbd96af 100644
--- a/app/p/[didOrHandle]/(profile)/ProfileTabs.tsx
+++ b/app/p/[didOrHandle]/(profile)/ProfileTabs.tsx
@@ -29,8 +29,6 @@ export const ProfileTabs = (props: { didOrHandle: string }) => {
);
}
};
- console.log("content: " + profileContent);
- console.log("header: " + headerHeight);
if (profileContent) {
profileContent.addEventListener("scroll", handleScroll);
@@ -39,9 +37,8 @@ export const ProfileTabs = (props: { didOrHandle: string }) => {
}, []);
const baseUrl = `/p/${props.didOrHandle}`;
- const bgColor = !cardBorderHidden ? "var(--bg-leaflet)" : "var(--bg-page)";
-
- console.log(scrollPosWithinTabContent);
+ const bgColor = "255 255 255";
+ // const bgColor = !cardBorderHidden ? "var(--bg-leaflet)" : "var(--bg-page)";
return (
diff --git a/app/p/[didOrHandle]/(profile)/layout.tsx b/app/p/[didOrHandle]/(profile)/layout.tsx
index f2cc4449..bd5f7c8f 100644
--- a/app/p/[didOrHandle]/(profile)/layout.tsx
+++ b/app/p/[didOrHandle]/(profile)/layout.tsx
@@ -53,7 +53,7 @@ export default async function ProfileLayout(props: {
max-w-prose mx-auto w-full h-full
flex flex-col
border border-border-light rounded-lg
- text-center mt-8
+ text-center
overflow-y-scroll`}
>