diff --git a/packages/portal/swagger-ui-web-component/package.json b/packages/portal/swagger-ui-web-component/package.json
index e85e78c119..1ff17056e0 100644
--- a/packages/portal/swagger-ui-web-component/package.json
+++ b/packages/portal/swagger-ui-web-component/package.json
@@ -39,7 +39,7 @@
   "devDependencies": {
     "css-loader": "^7.1.2",
     "raw-loader": "^4.0.2",
-    "style-loader": "^3.3.4",
+    "style-loader": "^4.0.0",
     "terser-webpack-plugin": "^5.3.10",
     "webpack": "^5.95.0",
     "webpack-bundle-analyzer": "^4.10.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a4be19f24e..40c353d22a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1175,8 +1175,8 @@ importers:
         specifier: ^4.0.2
         version: 4.0.2(webpack@5.95.0)
       style-loader:
-        specifier: ^3.3.4
-        version: 3.3.4(webpack@5.95.0)
+        specifier: ^4.0.0
+        version: 4.0.0(webpack@5.95.0)
       terser-webpack-plugin:
         specifier: ^5.3.10
         version: 5.3.10(@swc/core@1.7.26)(webpack@5.95.0)
@@ -8628,11 +8628,11 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  style-loader@3.3.4:
-    resolution: {integrity: sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==}
-    engines: {node: '>= 12.13.0'}
+  style-loader@4.0.0:
+    resolution: {integrity: sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==}
+    engines: {node: '>= 18.12.0'}
     peerDependencies:
-      webpack: ^5.0.0
+      webpack: ^5.27.0
 
   style-search@0.1.0:
     resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==}
@@ -18708,7 +18708,7 @@ snapshots:
       minimist: 1.2.8
       through: 2.3.8
 
-  style-loader@3.3.4(webpack@5.95.0):
+  style-loader@4.0.0(webpack@5.95.0):
     dependencies:
       webpack: 5.95.0(@swc/core@1.7.26)(webpack-cli@5.1.4)