diff --git a/src/components/ValuePicker/index.tsx b/src/components/ValuePicker/index.tsx
index 4fb5a8b588b3..030846fdc51c 100644
--- a/src/components/ValuePicker/index.tsx
+++ b/src/components/ValuePicker/index.tsx
@@ -56,7 +56,10 @@ function ValuePicker({value, label, items, placeholder = '', errorText = '', onI
                 onClose={hidePickerModal}
                 onItemSelected={updateInput}
                 shouldShowTooltips={shouldShowTooltips}
-                onBackdropPress={Navigation.dismissModal}
+                onBackdropPress={() => {
+                    hidePickerModal();
+                    Navigation.dismissModal();
+                }}
             />
         </View>
     );