diff --git a/ui/src/utils/thumbnail.ts b/ui/src/utils/thumbnail.ts
index faa9aeace..880f70bd8 100644
--- a/ui/src/utils/thumbnail.ts
+++ b/ui/src/utils/thumbnail.ts
@@ -1,5 +1,5 @@
 export function generateThumbnailUrl(url: string, size: string) {
-  return `/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=${encodeURI(
+  return `/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=${encodeURIComponent(
     url
   )}&size=${size}`;
 }