diff --git a/src/app/components/ImageInput.js b/src/app/components/ImageInput.js
index 7a45755..a5ea725 100644
--- a/src/app/components/ImageInput.js
+++ b/src/app/components/ImageInput.js
@@ -111,6 +111,8 @@ function ImageInput({ imageUri, onChangeImage }) {
 
       {!imageUri && (
         <TouchableOpacity
+          disabled={true}
+          activeOpacity={0.5}
           onPress={() => {
             setModalVisible(true);
           }}
@@ -254,6 +256,7 @@ const styles = StyleSheet.create({
     alignItems: "center",
     borderRadius: 6,
     backgroundColor: colors.primary,
+    opacity: 0.4, //while button is disabled
   },
 });