diff --git a/frontend/app/(sidebar)/setup/harvest-detail-form.tsx b/frontend/app/(sidebar)/setup/harvest-detail-form.tsx
index c356b46..f276c6e 100644
--- a/frontend/app/(sidebar)/setup/harvest-detail-form.tsx
+++ b/frontend/app/(sidebar)/setup/harvest-detail-form.tsx
@@ -294,7 +294,12 @@ export default function HarvestDetailsForm({
           )}
         />
         <div className="col-span-3 flex justify-center">
-          <Button type="submit">Save</Button>
+          <Button
+            type="submit"
+            className="bg-blue-500 hover:bg-blue-600 duration-100"
+          >
+            Save
+          </Button>
         </div>
       </form>
     </Form>
diff --git a/frontend/app/(sidebar)/setup/page.tsx b/frontend/app/(sidebar)/setup/page.tsx
index e65fba3..ec414db 100644
--- a/frontend/app/(sidebar)/setup/page.tsx
+++ b/frontend/app/(sidebar)/setup/page.tsx
@@ -55,6 +55,9 @@ export default function SetupPage() {
     }
 
     console.log("Submitting:", { plantingDetails, harvestDetails, mapData });
+
+    // send request to the server
+    
   };
 
   return (
diff --git a/frontend/app/(sidebar)/setup/planting-detail-form.tsx b/frontend/app/(sidebar)/setup/planting-detail-form.tsx
index 2546840..78a715b 100644
--- a/frontend/app/(sidebar)/setup/planting-detail-form.tsx
+++ b/frontend/app/(sidebar)/setup/planting-detail-form.tsx
@@ -372,7 +372,7 @@ export default function PlantingDetailsForm({
           )}
         />
         <div className="col-span-3 flex justify-center">
-          <Button type="submit">
+          <Button type="submit" className="bg-blue-500 hover:bg-blue-600 duration-100">
             Save
           </Button>
         </div>