diff --git a/packages/webapp/package.json b/packages/webapp/package.json
index 68796cd..f13e97f 100644
--- a/packages/webapp/package.json
+++ b/packages/webapp/package.json
@@ -66,7 +66,7 @@
     "rimraf": "^5.0.1",
     "sass": "^1.67.0",
     "sass-loader": "^14.0.0",
-    "style-loader": "^3.3.3",
+    "style-loader": "^4.0.0",
     "stylelint": "^15.10.3",
     "stylelint-config-recommended": "^14.0.0",
     "terser-webpack-plugin": "^5.3.9",
diff --git a/packages/webapp/pnpm-lock.yaml b/packages/webapp/pnpm-lock.yaml
index a47b9e1..b33c54a 100644
--- a/packages/webapp/pnpm-lock.yaml
+++ b/packages/webapp/pnpm-lock.yaml
@@ -146,8 +146,8 @@ devDependencies:
     specifier: ^14.0.0
     version: 14.1.1(sass@1.74.1)(webpack@5.91.0)
   style-loader:
-    specifier: ^3.3.3
-    version: 3.3.4(webpack@5.91.0)
+    specifier: ^4.0.0
+    version: 4.0.0(webpack@5.91.0)
   stylelint:
     specifier: ^15.10.3
     version: 15.11.0(typescript@5.4.4)
@@ -8250,11 +8250,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /style-loader@3.3.4(webpack@5.91.0):
-    resolution: {integrity: sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==}
-    engines: {node: '>= 12.13.0'}
+  /style-loader@4.0.0(webpack@5.91.0):
+    resolution: {integrity: sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==}
+    engines: {node: '>= 18.12.0'}
     peerDependencies:
-      webpack: ^5.0.0
+      webpack: ^5.27.0
     dependencies:
       webpack: 5.91.0(webpack-cli@5.1.4)
     dev: true