diff --git a/app/p/[didOrHandle]/ProfilePageLayout.tsx b/app/p/[didOrHandle]/ProfilePageLayout.tsx
index 994f0aec..972b4b49 100644
--- a/app/p/[didOrHandle]/ProfilePageLayout.tsx
+++ b/app/p/[didOrHandle]/ProfilePageLayout.tsx
@@ -75,7 +75,7 @@ const ProfilePageContent = (props: {
         max-w-prose mx-auto w-full h-full
         flex flex-col
         border border-border-light rounded-lg
-        text-center px-3 sm:px-4 mt-8`}
+        text-center mt-8`}
       >
         <Avatar
           src={
@@ -86,24 +86,26 @@ const ProfilePageContent = (props: {
           className="mx-auto -mt-8"
           giant
         />
-        <h3 className="pt-2 leading-tight">
-          {profileRecord.displayName
-            ? profileRecord.displayName
-            : `@${props.profile?.handle}`}
-        </h3>
-        {profileRecord.displayName && (
-          <div className="text-tertiary text-sm pb-1 italic">
-            @{props.profile?.handle}
+        <div className=" px-3 sm:px-4 flex flex-col ">
+          <h3 className="pt-2 leading-tight">
+            {profileRecord.displayName
+              ? profileRecord.displayName
+              : `@${props.profile?.handle}`}
+          </h3>
+          {profileRecord.displayName && (
+            <div className="text-tertiary text-sm pb-1 italic">
+              @{props.profile?.handle}
+            </div>
+          )}
+          <div className="text-secondary">{profileRecord.description}</div>
+          <div className="flex flex-row gap-2 mx-auto my-3">
+            <div>pub 1</div>
+            <div>pub 2</div>
           </div>
-        )}
-        <div className="text-secondary">{profileRecord.description}</div>
-        <div className="flex flex-row gap-2 mx-auto my-3">
-          <div>pub 1</div>
-          <div>pub 2</div>
         </div>
         <ProfileTabs tab={tab} setTab={setTab} />
 
-        <div className="h-full overflow-y-scroll pt-2 flex flex-col">
+        <div className="h-full overflow-y-scroll pt-2 pb-4 px-3 sm:px-4 flex flex-col">
           <TabContent
             tab={tab}
             did={props.profile.did}
@@ -111,23 +113,6 @@ const ProfilePageContent = (props: {
             nextCursor={props.nextCursor}
           />
         </div>
-        <div className="text-secondary">{profileRecord.description}</div>
-        <div className="flex flex-row gap-2 mx-auto my-3">
-          {props.publications.map((p) => (
-            <PublicationCard
-              key={p.uri}
-              record={p.record as PubLeafletPublication.Record}
-              uri={p.uri}
-            />
-          ))}
-        </div>
-        <ProfileTabs tab={tab} setTab={setTab} />
-        <TabContent
-          tab={tab}
-          did={props.profile.did}
-          posts={props.posts}
-          nextCursor={props.nextCursor}
-        />
       </div>
     </div>
   );
diff --git a/app/p/[didOrHandle]/ProfileTabs/Tabs.tsx b/app/p/[didOrHandle]/ProfileTabs/Tabs.tsx
index 3eb8a9c3..59c354e0 100644
--- a/app/p/[didOrHandle]/ProfileTabs/Tabs.tsx
+++ b/app/p/[didOrHandle]/ProfileTabs/Tabs.tsx
@@ -13,7 +13,7 @@ export const ProfileTabs = (props: {
   setTab: (t: profileTabsType) => void;
 }) => {
   return (
-    <div className="flex flex-col w-full">
+    <div className="flex flex-col w-full  px-3 sm:px-4 ">
       <div className="flex gap-2 justify-between">
         <div className="flex gap-2">
           <Tab