diff --git a/web/package.json b/web/package.json
index 652237e54ae..c578fec5318 100644
--- a/web/package.json
+++ b/web/package.json
@@ -55,7 +55,7 @@
     "prop-types": "^15.7.2",
     "resize-observer-polyfill": "^1.5.1",
     "shim-loader": "^1.0.1",
-    "style-loader": "^3.3.2",
+    "style-loader": "^4.0.0",
     "stylis": "^4.3.4",
     "svgo": "^3.3.2",
     "svgo-loader": "^4.0.0",
diff --git a/web/yarn.lock b/web/yarn.lock
index 503bf00ad4b..d6ade98aaa2 100644
--- a/web/yarn.lock
+++ b/web/yarn.lock
@@ -13536,7 +13536,7 @@ __metadata:
     socket.io-client: ^4.5.0
     split.js: ^1.5.10
     sql-formatter: ^15.4.0
-    style-loader: ^3.3.2
+    style-loader: ^4.0.0
     stylis: ^4.3.4
     svgo: ^3.3.2
     svgo-loader: ^4.0.0
@@ -14452,12 +14452,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"style-loader@npm:^3.3.2":
-  version: 3.3.4
-  resolution: "style-loader@npm:3.3.4"
+"style-loader@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "style-loader@npm:4.0.0"
   peerDependencies:
-    webpack: ^5.0.0
-  checksum: caac3f2fe2c3c89e49b7a2a9329e1cfa515ecf5f36b9c4885f9b218019fda207a9029939b2c35821dec177a264a007e7c391ccdd3ff7401881ce6287b9c8f38b
+    webpack: ^5.27.0
+  checksum: 0b751b4cc8394a2fe1df6194bb2f6dd68e859e36f22030994bb7b5220f24f9efb5705e78b2442226e6fa4c90f74b397529c7eb0a1d7326fb016e1e140e90151c
   languageName: node
   linkType: hard