diff --git a/src/view/Office.vue b/src/view/Office.vue
index bd1bfc67c0..549534c475 100644
--- a/src/view/Office.vue
+++ b/src/view/Office.vue
@@ -116,7 +116,7 @@ export default {
 	},
 	methods: {
 		async load() {
-			const documentUrl = getDocumentUrlForFile(this.filename, this.fileid) + '&path=' + this.filename
+			const documentUrl = getDocumentUrlForFile(this.filename, this.fileid) + '&path=' + encodeURIComponent(this.filename)
 			this.$emit('update:loaded', true)
 			this.src = documentUrl
 			this.loading = true