diff --git a/src/helpers/files.js b/src/helpers/files.js
index 37c83888dc3..3afdcdd22ff 100644
--- a/src/helpers/files.js
+++ b/src/helpers/files.js
@@ -33,7 +33,7 @@ import { getCurrentUser } from '@nextcloud/auth'
 import { showSuccess, showError } from '@nextcloud/dialogs'
 import axios from '@nextcloud/axios'
 
-import FilePlusSvg from '@mdi/svg/svg/file-plus.svg'
+import FilePlusSvg from '@mdi/svg/svg/file-plus.svg?raw'
 
 const FILE_ACTION_IDENTIFIER = 'Edit with text app'
 
diff --git a/webpack.config.js b/webpack.config.js
index 7c0c21348eb..5ebd3acd715 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -62,6 +62,7 @@ webpackConfig.resolve.fallback = {
 webpackRules.RULE_ASSETS.test = /\.(png|jpe?g|gif|woff2?|eot|ttf)$/
 webpackRules.RULE_RAW_SVGS = {
 	test: /\.svg$/,
+	resourceQuery: /raw/,
 	type: 'asset/source',
 }