diff --git a/core/src/OC/dialogs.js b/core/src/OC/dialogs.js
index 91b0e2fffeaf8..e38d48fecf6b9 100644
--- a/core/src/OC/dialogs.js
+++ b/core/src/OC/dialogs.js
@@ -1272,7 +1272,7 @@ const Dialogs = {
 				var previewUrl = OC.generateUrl('/core/preview.png?') + $.param(urlSpec)
 				img.onload = function() {
 					if (img.width > 5) {
-						$row.find('td.filename').attr('style', 'background-image:url(' + previewUrl + ')')
+						$row.find('td.filename').attr('style', `background-image: url("${previewUrl}")`);
 					}
 				}
 				img.src = previewUrl
diff --git a/core/templates/filepicker.html b/core/templates/filepicker.html
index 484a6e12d2b3f..a10a633cfd7b6 100644
--- a/core/templates/filepicker.html
+++ b/core/templates/filepicker.html
@@ -45,7 +45,7 @@ <h2>{emptytext}</h2>
 			<tbody>
 				<tr data-entryname="{filename}" data-type="{type}" tabindex="0">
 					<td class="filename"
-						style="background-image:url({icon})">
+						style="background-image:url(&quot;{icon}&quot;)">
 						<span class="filename-parts">
 							<span class="filename-parts__first">{filename1}</span>
 							<span class="filename-parts__last">{filename2}</span>