diff --git a/packages/next/build/webpack-config.ts b/packages/next/build/webpack-config.ts
index 80a7160321fa..a5fb75f584e5 100644
--- a/packages/next/build/webpack-config.ts
+++ b/packages/next/build/webpack-config.ts
@@ -1571,6 +1571,7 @@ export default async function getBaseWebpackConfig(
           imageSizes: config.images.imageSizes,
           path: config.images.path,
           loader: config.images.loader,
+          dangerouslyAllowSVG: config.images.dangerouslyAllowSVG,
           experimentalUnoptimized: config?.experimental?.images?.unoptimized,
           experimentalFuture: config.experimental?.images?.allowFutureImage,
           ...(dev
diff --git a/test/integration/production/test/security.js b/test/integration/production/test/security.js
index 2a4c579dd4b3..279b2db607ed 100644
--- a/test/integration/production/test/security.js
+++ b/test/integration/production/test/security.js
@@ -321,9 +321,8 @@ module.exports = (context) => {
         try {
           browser = await webdriver(context.appPort, '/svg-image')
           await browser.eval(`document.getElementById("img").scrollIntoView()`)
-          expect(
-            await browser.elementById('img').getAttribute('src')
-          ).toContain('xss.svg')
+          const src = await browser.elementById('img').getAttribute('src')
+          expect(src).toMatch(/_next\/image\?.*xss\.svg/)
           expect(await browser.elementById('msg').text()).toBe('safe')
           browser = await webdriver(
             context.appPort,