diff --git a/web-app/package.json b/web-app/package.json
index a446429f54..ebc63c05ad 100644
--- a/web-app/package.json
+++ b/web-app/package.json
@@ -27,7 +27,7 @@
     "react-window": "^2.2.7",
     "react-window-infinite-loader": "^2.0.1",
     "recharts": "2.15.4",
-    "styled-components": "5.3.11",
+    "styled-components": "6.4.0",
     "superagent": "^10.3.0",
     "tinycolor2": "^1.6.0"
   },
diff --git a/web-app/yarn.lock b/web-app/yarn.lock
index a1fb94cbbe..f8faf34ae8 100644
--- a/web-app/yarn.lock
+++ b/web-app/yarn.lock
@@ -1444,7 +1444,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/is-prop-valid@npm:^1.1.0":
+"@emotion/is-prop-valid@npm:1.4.0, @emotion/is-prop-valid@npm:^1.1.0":
   version: 1.4.0
   resolution: "@emotion/is-prop-valid@npm:1.4.0"
   dependencies:
@@ -3706,7 +3706,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-to-react-native@npm:^3.0.0":
+"css-to-react-native@npm:3.2.0, css-to-react-native@npm:^3.0.0":
   version: 3.2.0
   resolution: "css-to-react-native@npm:3.2.0"
   dependencies:
@@ -3717,7 +3717,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:^3.0.2, csstype@npm:^3.2.2":
+"csstype@npm:3.2.3, csstype@npm:^3.0.2, csstype@npm:^3.2.2":
   version: 3.2.3
   resolution: "csstype@npm:3.2.3"
   checksum: 10c0/cd29c51e70fa822f1cecd8641a1445bed7063697469d35633b516e60fe8c1bde04b08f6c5b6022136bb669b64c63d4173af54864510fbb4ee23281801841a3ce
@@ -9178,6 +9178,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"styled-components@npm:6.4.0":
+  version: 6.4.0
+  resolution: "styled-components@npm:6.4.0"
+  dependencies:
+    "@emotion/is-prop-valid": "npm:1.4.0"
+    css-to-react-native: "npm:3.2.0"
+    csstype: "npm:3.2.3"
+    stylis: "npm:4.3.6"
+  peerDependencies:
+    css-to-react-native: ">= 3.2.0"
+    react: ">= 16.8.0"
+    react-dom: ">= 16.8.0"
+    react-native: ">= 0.68.0"
+  peerDependenciesMeta:
+    css-to-react-native:
+      optional: true
+    react-dom:
+      optional: true
+    react-native:
+      optional: true
+  checksum: 10c0/98e3364e57684b9d51accb7056ec62e35d081db2b36746caaec271df0cf98c94b26c4fe1119581ccf3dc37ab95797a3ba6df275c77f11b6d3bf30eb97bf37ee8
+  languageName: node
+  linkType: hard
+
+"stylis@npm:4.3.6":
+  version: 4.3.6
+  resolution: "stylis@npm:4.3.6"
+  checksum: 10c0/e736d484983a34f7c65d362c67dc79b7bce388054b261c2b7b23d02eaaf280617033f65d44b1ea341854f4331a5074b885668ac8741f98c13a6cfd6443ae85d0
+  languageName: node
+  linkType: hard
+
 "superagent@npm:^10.3.0":
   version: 10.3.0
   resolution: "superagent@npm:10.3.0"
@@ -10220,7 +10251,7 @@ __metadata:
     react-window: "npm:^2.2.7"
     react-window-infinite-loader: "npm:^2.0.1"
     recharts: "npm:2.15.4"
-    styled-components: "npm:5.3.11"
+    styled-components: "npm:6.4.0"
     superagent: "npm:^10.3.0"
     swagger-typescript-api: "npm:13.6.7"
     testcafe: "npm:3.7.4"