diff --git a/apps/web/src/components/ThreadSection/ThreadSection.tsx b/apps/web/src/components/ThreadSection/ThreadSection.tsx
index cff77b24..d7414893 100644
--- a/apps/web/src/components/ThreadSection/ThreadSection.tsx
+++ b/apps/web/src/components/ThreadSection/ThreadSection.tsx
@@ -66,16 +66,17 @@ export const ThreadSection = (props: ThreadSectionProps) => {
   }
 
   return (
-    <div className="flex flex-col h-full p-4">
-      <div className="overflow-y-scroll h-full py-4 scrollbar-hide">
+    <div className="flex flex-col h-full p-4 ">
+      <div className="overflow-y-scroll h-full py-4 scrollbar-hide box-border ">
         {currentThread.data?.node && <Thread thread={currentThread.data.node}/>}
-        <div className="mt-[40px] space-y-[40px]">
+        <div className="mt-[40px] space-y-[40px] mb-[120px]">
           {comments.data && comments.data.edges.map((item) => (
             <Comment key={item.node.id} comment={item.node}/>
           ))}
         </div>
       </div>
-      <div className="flex flex-row py-2 px-4 bottom-8 rounded-xl border h-auto bg-white mt-4">
+      <div className="absolute bottom-0 pb-[20px] h-auto bg-white mt-4 w-[70%]">
+      <div className="flex flex-row py-2 px-4 rounded-xl border h-auto items-center">
         <textarea
           id="chat"
           ref={commentBoxRef}
@@ -100,6 +101,7 @@ export const ThreadSection = (props: ThreadSectionProps) => {
           <SendIcon/>
         </button>
       </div>
+      </div>
     </div>
   );
 }
diff --git a/apps/web/src/pages/community.tsx b/apps/web/src/pages/community.tsx
index 479db16d..43e02166 100644
--- a/apps/web/src/pages/community.tsx
+++ b/apps/web/src/pages/community.tsx
@@ -64,9 +64,9 @@ const CommunityPage = () => {
   }
 
   return (
-    <div className="flex h-full max-h-full flex-col overflow-y-hidden">
+    <div className="flex h-full max-h-full flex-col relative overflow-hidden">
       <JoinCommunity />
-      <div className="flex h-full flex-row">
+      <div className="flex max-h-full flex-row grow ">
         <div className="mx-4 flex flex-col h-full w-[30%]">
           {communityName && (
             <p className="my-4 text-4xl font-medium">{communityName}</p>
diff --git a/apps/web/src/pages/feed.tsx b/apps/web/src/pages/feed.tsx
index da1581b4..576bf25e 100644
--- a/apps/web/src/pages/feed.tsx
+++ b/apps/web/src/pages/feed.tsx
@@ -38,7 +38,7 @@ const FeedPage = () => {
   }
  
    return (
-    <div className="flex flex-row max-h-screen h-full overflow-y-hidden">
+    <div className="flex flex-row max-h-screen h-full overflow-y-hidden relative">
       <div className="w-[30%] mx-4 flex flex-col">
         <p className="text-4xl font-medium my-4">your feed</p>
         <Search onQuery={() => {}}/>