diff --git a/web/src/pages/Exports.tsx b/web/src/pages/Exports.tsx
index 606a7200c..411a53e6a 100644
--- a/web/src/pages/Exports.tsx
+++ b/web/src/pages/Exports.tsx
@@ -66,7 +66,7 @@ function Exports() {
   const onHandleRename = useCallback(
     (id: string, update: string) => {
       axios
-        .patch(`export/${id}/${update}`)
+        .patch(`export/${id}/${encodeURIComponent(update)}`)
         .then((response) => {
           if (response.status == 200) {
             setDeleteClip(undefined);