diff --git a/frontend/app/setup/page.tsx b/frontend/app/setup/page.tsx
index cc11086..13457a1 100644
--- a/frontend/app/setup/page.tsx
+++ b/frontend/app/setup/page.tsx
@@ -4,11 +4,17 @@ import { Separator } from "@/components/ui/separator";
 export default function SetupPage() {
   return (
     <div className="p-5">
-      <h1 className="text-2xl">Plating Details</h1>
+      <div className=" flex justify-center">
+        <h1 className="flex text-2xl ">Plating Details</h1>
+      </div>
       <Separator className="mt-3" />
-      <div className="mt-3">
+      <div className="mt-10 flex justify-center">
         <PlantingDetailsForm />
       </div>
+      <div className=" flex justify-center mt-20">
+        <h1 className="flex text-2xl ">Harvest Details</h1>
+      </div>
+      <Separator className="mt-3" />
     </div>
   );
 }
diff --git a/frontend/app/setup/planting-detail-form.tsx b/frontend/app/setup/planting-detail-form.tsx
index d2e08f4..e6cc1c2 100644
--- a/frontend/app/setup/planting-detail-form.tsx
+++ b/frontend/app/setup/planting-detail-form.tsx
@@ -32,7 +32,7 @@ export default function PlantingDetailsForm() {
   });
   return (
     <Form {...form}>
-      <form className="space-y-5">
+      <form className="grid grid-cols-3 gap-5">
         <FormField
           control={form.control}
           name="daysToEmerge"