diff --git a/forms-flow-web/src/components/FOI/FOIRequest/OIPCDetails/OIPCItem.jsx b/forms-flow-web/src/components/FOI/FOIRequest/OIPCDetails/OIPCItem.jsx
index 483518590..819bb1cee 100644
--- a/forms-flow-web/src/components/FOI/FOIRequest/OIPCDetails/OIPCItem.jsx
+++ b/forms-flow-web/src/components/FOI/FOIRequest/OIPCDetails/OIPCItem.jsx
@@ -148,7 +148,10 @@ const OIPCItem = (props) => {
     return (
         <> 
             <div style={{display: "flex", flexDirection: "row", justifyContent: "flex-end"}}>
-                <button onClick={() => setShowDeleteModal(true)} style={{ border: "none", background: "none" }}>
+                <button onClick={(e) => {
+                    e.preventDefault()
+                    setShowDeleteModal(true)
+                    }} style={{ border: "none", background: "none" }}>
                     <FontAwesomeIcon icon={faTrash} color="#38598A" />
                 </button>
             </div>