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 0d998b9e2..07401afc7 100644
--- a/forms-flow-web/src/components/FOI/FOIRequest/OIPCDetails/OIPCItem.jsx
+++ b/forms-flow-web/src/components/FOI/FOIRequest/OIPCDetails/OIPCItem.jsx
@@ -150,7 +150,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>