diff --git a/package.json b/package.json
index d5fbdaa553..51201232cf 100644
--- a/package.json
+++ b/package.json
@@ -106,7 +106,7 @@
     "shelljs": "^0.8.3",
     "sinon": "^4.1.3",
     "slick-carousel": "1.8.1",
-    "style-loader": "^3.2.1",
+    "style-loader": "^4.0.0",
     "styled-components": "^4.2.0",
     "stylelint": "^15.10.3",
     "stylelint-config-standard-scss": "^11.0.0",
diff --git a/yarn.lock b/yarn.lock
index 9dcaa937ba..7c60e4bed9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8911,7 +8911,7 @@ __metadata:
     shelljs: ^0.8.3
     sinon: ^4.1.3
     slick-carousel: 1.8.1
-    style-loader: ^3.2.1
+    style-loader: ^4.0.0
     styled-components: ^4.2.0
     stylelint: ^15.10.3
     stylelint-config-standard-scss: ^11.0.0
@@ -11951,12 +11951,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"style-loader@npm:^3.2.1":
-  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