diff --git a/ipi-survey-platform/src/components/survey/ProductData/ProductData.jsx b/ipi-survey-platform/src/components/survey/ProductData/ProductData.jsx
index cc4361b..eab289a 100644
--- a/ipi-survey-platform/src/components/survey/ProductData/ProductData.jsx
+++ b/ipi-survey-platform/src/components/survey/ProductData/ProductData.jsx
@@ -1914,15 +1914,23 @@ const location = useLocation();
           </svg>
           <span>Back</span>
         </button>
-        <button
-          onClick={handleNext}
-          className="inline-flex items-center gap-2 h-9 px-5 rounded-md bg-[#92722A] text-white hover:bg-[#7b5c1f] cursor-pointer"
-        >
-          <span>Next</span>
-          <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-            <path strokeLinecap="round" strokeLinejoin="round" d="M9 5l7 7-7 7" />
-          </svg>
-        </button>
+        <div className="flex gap-3">
+          <button
+            type="button"
+            className="inline-flex items-center gap-2 h-9 px-5 rounded-md border border-[#92722A] text-[#92722A] bg-transparent hover:bg-[#92722A]/10 cursor-pointer"
+          >
+            <span>Save as Draft</span>
+          </button>
+          <button
+            onClick={handleNext}
+            className="inline-flex items-center gap-2 h-9 px-5 rounded-md bg-[#92722A] text-white hover:bg-[#7b5c1f] cursor-pointer"
+          >
+            <span>Next</span>
+            <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+              <path strokeLinecap="round" strokeLinejoin="round" d="M9 5l7 7-7 7" />
+            </svg>
+          </button>
+        </div>
       </div>
       
       {(hasError || isInitialLoad) && (
diff --git a/ipi-survey-platform/src/components/survey/ReviewSubmit/ReviewSubmit.jsx b/ipi-survey-platform/src/components/survey/ReviewSubmit/ReviewSubmit.jsx
index ef8970a..3b602d2 100644
--- a/ipi-survey-platform/src/components/survey/ReviewSubmit/ReviewSubmit.jsx
+++ b/ipi-survey-platform/src/components/survey/ReviewSubmit/ReviewSubmit.jsx
@@ -1042,17 +1042,25 @@ const ReviewSubmit = ({
               <img src={caretDownSrc} alt="" className="h-4 w-4 rotate-90" />
               <span>Back</span>
             </button>
-            <button
-              disabled={!confirm || isSubmitting}
-              onClick={onSubmit}
-              className={`inline-flex items-center justify-center h-9 px-5 rounded-md transition-colors ${
-                !confirm || isSubmitting
-                  ? 'bg-gray-200 text-gray-400 cursor-not-allowed'
-                  : 'bg-[#92722A] text-white hover:bg-[#7b5c1f]'
-              }`}
-            >
-              <span>{submitButtonText}</span>
-            </button>
+            <div className="flex gap-3">
+              <button
+                type="button"
+                className="inline-flex items-center justify-center h-9 px-5 rounded-md border border-[#92722A] text-[#92722A] bg-transparent hover:bg-[#92722A]/10 transition-colors"
+              >
+                <span>Save as Draft</span>
+              </button>
+              <button
+                disabled={!confirm || isSubmitting}
+                onClick={onSubmit}
+                className={`inline-flex items-center justify-center h-9 px-5 rounded-md transition-colors ${
+                  !confirm || isSubmitting
+                    ? 'bg-gray-200 text-gray-400 cursor-not-allowed'
+                    : 'bg-[#92722A] text-white hover:bg-[#7b5c1f]'
+                }`}
+              >
+                <span>{submitButtonText}</span>
+              </button>
+            </div>
           </div>
         </div>
       </div>