diff --git a/web/package-lock.json b/web/package-lock.json
index 756c60f20..68b98b63f 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -117,7 +117,7 @@
 				"storybook-addon-fetch-mock": "2.0.0",
 				"storybook-preset-less": "1.1.3",
 				"style-dictionary": "3.9.2",
-				"style-loader": "3.3.4",
+				"style-loader": "4.0.0",
 				"stylelint": "^15.10.1",
 				"stylelint-config-standard": "^34.0.0",
 				"stylelint-config-standard-scss": "^11.0.0",
@@ -7274,6 +7274,22 @@
 				"node": ">=10"
 			}
 		},
+		"node_modules/@storybook/builder-webpack5/node_modules/style-loader": {
+			"version": "3.3.4",
+			"resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz",
+			"integrity": "sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==",
+			"dev": true,
+			"engines": {
+				"node": ">= 12.13.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/webpack"
+			},
+			"peerDependencies": {
+				"webpack": "^5.0.0"
+			}
+		},
 		"node_modules/@storybook/builder-webpack5/node_modules/yallist": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
@@ -8175,6 +8191,22 @@
 				"url": "https://opencollective.com/libvips"
 			}
 		},
+		"node_modules/@storybook/nextjs/node_modules/style-loader": {
+			"version": "3.3.4",
+			"resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz",
+			"integrity": "sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==",
+			"dev": true,
+			"engines": {
+				"node": ">= 12.13.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/webpack"
+			},
+			"peerDependencies": {
+				"webpack": "^5.0.0"
+			}
+		},
 		"node_modules/@storybook/nextjs/node_modules/tar-fs": {
 			"version": "3.0.5",
 			"resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.5.tgz",
@@ -35222,19 +35254,19 @@
 			}
 		},
 		"node_modules/style-loader": {
-			"version": "3.3.4",
-			"resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz",
-			"integrity": "sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==",
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/style-loader/-/style-loader-4.0.0.tgz",
+			"integrity": "sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==",
 			"dev": true,
 			"engines": {
-				"node": ">= 12.13.0"
+				"node": ">= 18.12.0"
 			},
 			"funding": {
 				"type": "opencollective",
 				"url": "https://opencollective.com/webpack"
 			},
 			"peerDependencies": {
-				"webpack": "^5.0.0"
+				"webpack": "^5.27.0"
 			}
 		},
 		"node_modules/style-mod": {
diff --git a/web/package.json b/web/package.json
index f26842c85..b290ac969 100644
--- a/web/package.json
+++ b/web/package.json
@@ -123,7 +123,7 @@
 		"storybook-addon-fetch-mock": "2.0.0",
 		"storybook-preset-less": "1.1.3",
 		"style-dictionary": "3.9.2",
-		"style-loader": "3.3.4",
+		"style-loader": "4.0.0",
 		"stylelint": "^15.10.1",
 		"stylelint-config-standard": "^34.0.0",
 		"stylelint-config-standard-scss": "^11.0.0",