diff --git a/src/components/rangeUsePlanPage/attachments/index.js b/src/components/rangeUsePlanPage/attachments/index.js
index ce727e08..19d902fd 100644
--- a/src/components/rangeUsePlanPage/attachments/index.js
+++ b/src/components/rangeUsePlanPage/attachments/index.js
@@ -22,7 +22,7 @@ const Attachments = ({ planId, attachments = [], label = '', propertyName }) =>
   const handleUpload = async (file, _attachment, index) => {
     const fieldName = `files.${index}`;
     try {
-      const signedUrl = await getSignedUploadUrl(file.name);
+      const signedUrl = await getSignedUploadUrl(encodeURIComponent(file.name));
 
       await axios.put(signedUrl, file, {
         headers: {