diff --git a/web/webpack.config.js b/web/webpack.config.js
index 30691561a8ea..ddee9cb5a302 100644
--- a/web/webpack.config.js
+++ b/web/webpack.config.js
@@ -157,7 +157,7 @@ module.exports = composePlugins(
         );
 
         const innerTest = oneOfRule.test?.toString() ?? "";
-        const cssLoader = oneOfRule.use.find((use) => use.loader?.includes("/css-loader/"));
+        const cssLoader = oneOfRule.use.find((use) => /[\\/]css-loader[\\/]/.test(use.loader ?? ""));
 
         if (innerTest.includes("module") && cssLoader?.options) {
           cssLoader.options.modules = {
@@ -173,7 +173,7 @@ module.exports = composePlugins(
       rule.oneOf.forEach((oneOfRule, idx) => {
         if (!oneOfRule.test || !oneOfRule.use) return;
         const t = oneOfRule.test.toString();
-        if (/^\/\\\.css\$\/$/.test(t) && oneOfRule.use.some((u) => u.loader?.includes("/css-loader/"))) {
+        if (/^\/\\\.css\$\/$/.test(t) && oneOfRule.use.some((u) => /[\\/]css-loader[\\/]/.test(u.loader ?? ""))) {
           insertions.push(idx);
         }
       });
@@ -183,7 +183,7 @@ module.exports = composePlugins(
         const template = rule.oneOf[idx];
         const prefixUse = template.use.map((u) => {
           if (typeof u === "string") return u;
-          if (u.loader?.includes("/css-loader/")) {
+          if (/[\\/]css-loader[\\/]/.test(u.loader ?? "")) {
             return {
               ...u,
               options: {