diff --git a/src/components/Attachment/AttachmentSelectModal.vue b/src/components/Attachment/AttachmentSelectModal.vue
index de78df059..e0d2d7ed3 100644
--- a/src/components/Attachment/AttachmentSelectModal.vue
+++ b/src/components/Attachment/AttachmentSelectModal.vue
@@ -72,7 +72,7 @@
               <span v-if="!isImage(item)" class="attachments-group-item-type">{{ item.suffix }}</span>
               <span
                 v-else
-                :style="`background-image:url(${item.thumbPath})`"
+                :style="`background-image:url(${encodeURI(item.thumbPath)})`"
                 class="attachments-group-item-img"
                 loading="lazy"
               />
diff --git a/src/views/attachment/AttachmentList.vue b/src/views/attachment/AttachmentList.vue
index 521fedcc8..5b857eb99 100644
--- a/src/views/attachment/AttachmentList.vue
+++ b/src/views/attachment/AttachmentList.vue
@@ -85,7 +85,7 @@
                   <span v-if="!isImage(item)" class="attachments-group-item-type">{{ item.suffix }}</span>
                   <span
                     v-else
-                    :style="`background-image:url(${item.thumbPath})`"
+                    :style="`background-image:url(${encodeURI(item.thumbPath)})`"
                     class="attachments-group-item-img"
                     loading="lazy"
                   />