diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 5ebfbec6..23eb5a1e 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -2534,12 +2534,15 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
               {type === 'edit' && (
                 <>
                   <Button
-                    type='button'
-                    color='error'
-                    onClick={() => router.push('/production/recording')}
+                    type='reset'
+                    color='warning'
                     className='px-4'
+                    onClick={(e) => {
+                      formik.handleReset(e);
+                      formik.validateForm();
+                    }}
                   >
-                    Cancel
+                    Reset
                   </Button>
                   <Button
                     type='submit'