diff --git a/src/app/admin/kyc/page.tsx b/src/app/admin/kyc/page.tsx
index 3956e16..686800b 100644
--- a/src/app/admin/kyc/page.tsx
+++ b/src/app/admin/kyc/page.tsx
@@ -2571,12 +2571,25 @@ function NewApplicationModal({ isOpen, onClose, onSave }: { isOpen: boolean; onC
           >
             <ChevronDown className="w-4 h-4 rotate-90" /> Previous
           </button>
-          <div className="flex gap-2">
-            <button onClick={onClose} className="px-4 py-2 border border-slate-200 text-slate-600 rounded-lg text-sm hover:bg-slate-100">
-              Cancel
-            </button>
+          <div className="flex gap-2 ">
             {step < 5 ? (
-              <button onClick={() => setStep(step + 1)} className="px-4 py-2 bg-accent text-white rounded-lg text-sm hover:bg-accent-dark flex items-center gap-2">
+              <button
+                onClick={onClose}
+                className="px-4 py-2 border border-slate-200 text-slate-600 rounded-lg text-sm hover:bg-slate-100 z-10"
+              >
+                Cancel
+              </button>
+            ) : (
+              <
+                >
+              </>
+            )}
+
+            {step < 5 ? (
+              <button
+                onClick={() => setStep(step + 1)}
+                className="px-4 py-2 bg-accent text-white rounded-lg text-sm hover:bg-accent-dark flex items-center gap-2"
+              >
                 Next <ChevronDown className="w-4 h-4 -rotate-90" />
               </button>
             ) : (