diff --git a/daily-thought-frontend/src/pages/feed.tsx b/daily-thought-frontend/src/pages/feed.tsx
index a69df1d0d33a9b7845bd002f287382f4ffa3c86d..fbb377ee26a130390c99fef47bec2a253fa3ebeb 100644
--- a/daily-thought-frontend/src/pages/feed.tsx
+++ b/daily-thought-frontend/src/pages/feed.tsx
@@ -21,30 +21,30 @@ const Feed = () => {
         <div className="w-full">
           <NavBar user={user} />
         </div>
-      <div className="flex w-full bg-c-pink flex-col items-center py-3">
-        <div className="flex-1 max-w-4xl flex items-center flex-col justify-center">
-          <div className="p-8">
-            <h1 className="text-4xl font-bold tracking-tight text-c-green text-center">This is my question of the day</h1>
+        <div className="flex w-full bg-c-pink flex-col items-center py-3">
+          <div className="flex-1 max-w-4xl flex items-center flex-col justify-center">
+            <div className="p-8">
+              <h1 className="text-4xl font-bold tracking-tight text-c-green text-center">This is my question of the day</h1>
+            </div>
+            <p className="text-c-green">Most recent answer</p>
+            <div className="rounded-full my-4 w-xl">
+              <div className="flex w-full justify-center flex-col items-center mx-auto p-3 sm:px-6 lg:px-8 max-w-4xl">
+                <AnswerCard post={{User: user, Content: "This is my post"}}/>
+              </div>
+            </div>
           </div>
-          <p className="text-c-green">Most recent answer</p>
+        </div>
+        
+        <div className="flex-1 max-w-4xl flex items-center flex-col justify-center mx-auto">
           <div className="rounded-full my-4 w-xl">
             <div className="flex w-full justify-center flex-col items-center mx-auto p-3 sm:px-6 lg:px-8 max-w-4xl">
-              <AnswerCard post={{User: user, Content: "This is my post"}}/>
+              <Post post={{User: user, Content: "This is my post"}}/>
+              <Post post={{User: user, Content: "This is my post"}}/>
+              <Post post={{User: user, Content: "This is my post"}}/>
+              <Post post={{User: user, Content: "This is my post"}}/>
             </div>
           </div>
         </div>
-      </div>
-      
-      <div className="flex-1 max-w-4xl flex items-center flex-col justify-center mx-auto">
-        <div className="rounded-full my-4 w-xl">
-          <div className="flex w-full justify-center flex-col items-center mx-auto p-3 sm:px-6 lg:px-8 max-w-4xl">
-            <Post post={{User: user, Content: "This is my post"}}/>
-            <Post post={{User: user, Content: "This is my post"}}/>
-            <Post post={{User: user, Content: "This is my post"}}/>
-            <Post post={{User: user, Content: "This is my post"}}/>
-          </div>
-        </div>
-      </div>
           
       
 
diff --git a/daily-thought-frontend/src/pages/userPost.tsx b/daily-thought-frontend/src/pages/userPost.tsx
index dda7f2b677967b00fba54aafc2de6b84ead2c5ba..e89c6048637c04d72a58b6dd58479de2640d7b4d 100644
--- a/daily-thought-frontend/src/pages/userPost.tsx
+++ b/daily-thought-frontend/src/pages/userPost.tsx
@@ -14,17 +14,26 @@ const user = {
 const UserPost = () => {
 
   return (
-   <div className="flex h-screen flex-col items-center ">
-    <div className="min-w-full">
-      <NavBar user={user}/>
+    <div className="min-h-screen bg-c-pink">
+    <div className="w-full">
+      <NavBar user={user} />
     </div>
-    <div className="rounded-3xl m-4">
-      <Post post={{User: user}}/>
-    </div>
-   </div>
-      
-      
+    <div className="flex w-full bg-c-pink flex-col items-center py-3">
+      <div className="flex-1 max-w-4xl flex items-center flex-col justify-center">
+        <div className="p-8">
+          <h1 className="text-4xl font-bold tracking-tight text-c-green text-center">This is my question of the day</h1>
+        </div>
+        <div className="rounded-full w-xl">
+
+          <div className="flex w-full justify-center flex-col items-center mx-auto p-3 sm:px-6 lg:px-8 max-w-4xl">
+            <AnswerCard post={{User: user, Content: "This is my post"}}/>
+          </div>
+        </div>
 
+       
+      </div>
+    </div>
+  </div>
   )
 }