diff --git a/app/p/[didOrHandle]/ProfilePageLayout.tsx b/app/p/[didOrHandle]/ProfilePageLayout.tsx
index 972b4b49..9eefdfeb 100644
--- a/app/p/[didOrHandle]/ProfilePageLayout.tsx
+++ b/app/p/[didOrHandle]/ProfilePageLayout.tsx
@@ -105,7 +105,7 @@ const ProfilePageContent = (props: {
         </div>
         <ProfileTabs tab={tab} setTab={setTab} />
 
-        <div className="h-full overflow-y-scroll pt-2 pb-4 px-3 sm:px-4 flex flex-col">
+        <div className="h-full overflow-y-scroll pt-3 pb-4 px-3 sm:px-4 flex flex-col">
           <TabContent
             tab={tab}
             did={props.profile.did}
diff --git a/app/p/[didOrHandle]/ProfileTabs/TabContent.tsx/Comment.tsx b/app/p/[didOrHandle]/ProfileTabs/TabContent.tsx/Comment.tsx
index c6e485c7..49964840 100644
--- a/app/p/[didOrHandle]/ProfileTabs/TabContent.tsx/Comment.tsx
+++ b/app/p/[didOrHandle]/ProfileTabs/TabContent.tsx/Comment.tsx
@@ -1,57 +1,71 @@
 import Post from "app/lish/[did]/[publication]/[rkey]/l-quote/[quote]/page";
 import { CommentTiny } from "components/Icons/CommentTiny";
+import { ReplyTiny } from "components/Icons/ReplyTiny";
 
 export const CommentTabContent = () => {
   let isReply = true;
   return (
     <>
-      <CommentWrapper2 isReply />
-      <CommentWrapper2 />
-      <CommentWrapper2 />
-      <CommentWrapper2 isReply />
+      <Comment
+        displayName="celine"
+        postTitle="Tagging and Flaggin Babyyyy make this super long so it doesn't wrap around please"
+        comment="Here's my reply! I'm hoping i can makie ti long enought to space two lines. Do we want rich text here? Probably not since we dont support that anyway lol"
+        isReply
+      />
+      <Comment
+        displayName="celine"
+        postTitle="Another day, another test post eh,"
+        comment="Here's my reply! I'm hoping i can makie ti long enought to space two lines. Do we want rich text here? Probably not since we dont support that anyway lol"
+      />
+      <Comment
+        displayName="celine"
+        postTitle="Some other post title"
+        comment="Here's my reply! I'm hoping i can makie ti long enought to space two lines. Do we want rich text here? Probably not since we dont support that anyway lol"
+      />
+      <Comment
+        displayName="celine"
+        postTitle="Leaflet Lab Notes"
+        comment="Here's my reply! I'm hoping i can makie ti long enought to space two lines. Do we want rich text here? Probably not since we dont support that anyway lol"
+        isReply
+      />
     </>
   );
 };
 
-const PostListingCompact = (props: { title: string; pubName: string }) => {
-  return (
-    <div className=" flex gap-2 justify-between border-b border-border-light   pt-2 pb-0.5 text-xs text-tertiary font-bold text-left">
-      {props.title}
-      <div className="flex gap-2 text-xs text-tertiary font-normal items-center">
-        {props.pubName}
-      </div>
-    </div>
-  );
-};
-
 const Comment = (props: {
   displayName: React.ReactNode;
-  handle: string;
+  postTitle: string;
   comment: string;
-  reply?: boolean;
+  isReply?: boolean;
 }) => {
   return (
-    <div className={`w-full flex flex-col ${props.reply ? "text-xs" : ""}`}>
-      <div className="flex gap-2">
-        <div className="flex flex-col  min-h-full shrink-0 ">
-          <div className={`rounded-full  bg-test shrink-0 w-5 h-5`} />
-
-          {props.reply && (
-            <div className={`border-l border-border-light h-full mx-auto`} />
-          )}
-        </div>
-        <div className={`flex flex-col`}>
+    <div className={`w-full flex flex-col text-left mb-8`}>
+      <div className="flex gap-2 w-full">
+        <div className={`rounded-full  bg-test shrink-0 w-5 h-5`} />
+        <div className={`flex flex-col w-full min-w-0 grow`}>
           <div className="flex flex-row gap-2">
-            <div
-              className={` font-bold ${props.reply ? "text-tertiary" : "text-primary"}`}
-            >
-              {props.displayName}
+            <div className={`text-tertiary text-sm truncate`}>
+              <span className="font-bold text-secondary">
+                {props.displayName}
+              </span>{" "}
+              {props.isReply ? "replied" : "commented"} on{" "}
+              <span className=" italic text-accent-contrast">
+                {props.postTitle}
+              </span>
             </div>
-            {props.reply && <div>reply</div>}
           </div>
-          <div
-            className={`w-full text-left ${props.reply ? "truncate text-tertiary" : "text-secondary"} `}
-          >
+          {props.isReply && (
+            <div className="text-xs text-tertiary flex flex-row gap-2 w-full my-0.5 items-center">
+              <ReplyTiny className="shrink-0" />
+              <div className="font-bold shrink-0">jared</div>
+              <div className="grow truncate">
+                this is the content of what i was saying and its very long so i
+                can get a good look at what's happening
+              </div>
+            </div>
+          )}
+
+          <div className={`w-full text-left text-secondary `}>
             {props.comment}
           </div>
         </div>
@@ -59,43 +73,3 @@ const Comment = (props: {
     </div>
   );
 };
-
-const CommentWrapper1 = (props: { isReply?: boolean }) => {
-  return (
-    <div className="flex flex-col rounded-md  pb-8">
-      <PostListingCompact title="Post Title Here" pubName="Pub Name" />
-      {props.isReply && (
-        <Comment
-          displayName="jared"
-          handle="awarm.space"
-          comment="this is some content that i am would like a reply to. It's really really long"
-          reply
-        />
-      )}
-      <Comment
-        displayName="celine"
-        handle="cozylittle.house"
-        comment="Here's my reply! I'm hoping i can makie ti long enought to space two lines. Do we want rich text here? Probably not since we dont support that anyway lol"
-      />
-    </div>
-  );
-};
-
-const CommentWrapper2 = (props: { isReply?: boolean }) => {
-  return (
-    <div className="mb-8">
-      <Comment
-        displayName={
-          <div className="font-normal text-tertiary text-sm">
-            <span className="font-bold">celine </span>commented on{" "}
-            <span className=" italic text-accent-contrast">
-              Leaflet Lab Notes
-            </span>
-          </div>
-        }
-        handle="cozylittle.house"
-        comment="Here's my reply! I'm hoping i can makie ti long enought to space two lines. Do we want rich text here? Probably not since we dont support that anyway lol"
-      />
-    </div>
-  );
-};