diff --git a/web/src/utils/resource.ts b/web/src/utils/resource.ts
index e217e87a..079536cb 100644
--- a/web/src/utils/resource.ts
+++ b/web/src/utils/resource.ts
@@ -3,5 +3,5 @@ export const getResourceUrl = (resource: Resource, withOrigin = true) => {
     return resource.externalLink;
   }
 
-  return `${withOrigin ? window.location.origin : ""}/o/r/${resource.id}/${resource.publicId}/${resource.filename}`;
+  return `${withOrigin ? window.location.origin : ""}/o/r/${resource.id}/${resource.publicId}/${encodeURIComponent(resource.filename)}`;
 };