diff --git a/packages/app-desktop/package.json b/packages/app-desktop/package.json
index 48e09ab331..6cb1380247 100644
--- a/packages/app-desktop/package.json
+++ b/packages/app-desktop/package.json
@@ -112,7 +112,7 @@
     "@types/node": "^14.14.6",
     "@types/react": "16.14.34",
     "@types/react-redux": "7.1.24",
-    "@types/styled-components": "5.1.4",
+    "@types/styled-components": "5.1.26",
     "ajv": "^6.5.0",
     "app-builder-bin": "^1.9.11",
     "babel-cli": "^6.26.0",
@@ -173,7 +173,7 @@
     "roboto-fontface": "^0.10.0",
     "smalltalk": "^2.5.1",
     "sqlite3": "^5.0.2",
-    "styled-components": "5.1.1",
+    "styled-components": "5.3.6",
     "styled-system": "5.1.5",
     "taboverride": "^4.0.3",
     "tinymce": "^5.2.0"
diff --git a/yarn.lock b/yarn.lock
index 52b112f0ae..36099024cd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2985,15 +2985,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/is-prop-valid@npm:^0.8.8":
-  version: 0.8.8
-  resolution: "@emotion/is-prop-valid@npm:0.8.8"
-  dependencies:
-    "@emotion/memoize": 0.7.4
-  checksum: bb7ec6d48c572c540e24e47cc94fc2f8dec2d6a342ae97bc9c8b6388d9b8d283862672172a1bb62d335c02662afe6291e10c71e9b8642664a8b43416cdceffac
-  languageName: node
-  linkType: hard
-
 "@emotion/is-prop-valid@npm:^1.1.0":
   version: 1.2.0
   resolution: "@emotion/is-prop-valid@npm:1.2.0"
@@ -3003,13 +2994,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/memoize@npm:0.7.4":
-  version: 0.7.4
-  resolution: "@emotion/memoize@npm:0.7.4"
-  checksum: 4e3920d4ec95995657a37beb43d3f4b7d89fed6caa2b173a4c04d10482d089d5c3ea50bbc96618d918b020f26ed6e9c4026bbd45433566576c1f7b056c3271dc
-  languageName: node
-  linkType: hard
-
 "@emotion/memoize@npm:^0.6.1, @emotion/memoize@npm:^0.6.6":
   version: 0.6.6
   resolution: "@emotion/memoize@npm:0.6.6"
@@ -4040,7 +4024,7 @@ __metadata:
     "@types/node": ^14.14.6
     "@types/react": 16.14.34
     "@types/react-redux": 7.1.24
-    "@types/styled-components": 5.1.4
+    "@types/styled-components": 5.1.26
     ajv: ^6.5.0
     app-builder-bin: ^1.9.11
     async-mutex: ^0.4.0
@@ -4087,7 +4071,7 @@ __metadata:
     roboto-fontface: ^0.10.0
     smalltalk: ^2.5.1
     sqlite3: ^5.0.2
-    styled-components: 5.1.1
+    styled-components: 5.3.6
     styled-system: 5.1.5
     taboverride: ^4.0.3
     tinymce: ^5.2.0
@@ -7015,15 +6999,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-native@npm:*":
-  version: 0.66.8
-  resolution: "@types/react-native@npm:0.66.8"
-  dependencies:
-    "@types/react": "*"
-  checksum: 0d903eb8b25e445c86d3f8544ce825dd1aa2cbabbb24a65ed01270acd0b0047c87d716e48f3c1386bd2562a64bfe587ec7ac25b72380599806a369a99c846428
-  languageName: node
-  linkType: hard
-
 "@types/react-native@npm:^0.64.4":
   version: 0.64.19
   resolution: "@types/react-native@npm:0.64.19"
@@ -7131,15 +7106,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/styled-components@npm:5.1.4":
-  version: 5.1.4
-  resolution: "@types/styled-components@npm:5.1.4"
+"@types/styled-components@npm:5.1.26":
+  version: 5.1.26
+  resolution: "@types/styled-components@npm:5.1.26"
   dependencies:
     "@types/hoist-non-react-statics": "*"
     "@types/react": "*"
-    "@types/react-native": "*"
     csstype: ^3.0.2
-  checksum: 3b4551546e4df07dd1ff6389db9cf4453f65d9d8340e8389c734b8782c899ede272c12b919473e1b83f25d3ce3d1adc25a41de49c2c2e29a0429d61111bf8266
+  checksum: 84f53b3101739b20d1731554fb7735bc2f3f5d050a8b392e9845403c8c8bbd729737d033978649f9195a97b557875b010d46e35a4538564a2d0dbcce661dbf76
   languageName: node
   linkType: hard
 
@@ -9256,20 +9230,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-styled-components@npm:>= 1":
-  version: 2.0.2
-  resolution: "babel-plugin-styled-components@npm:2.0.2"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.16.0
-    "@babel/helper-module-imports": ^7.16.0
-    babel-plugin-syntax-jsx: ^6.18.0
-    lodash: ^4.17.11
-  peerDependencies:
-    styled-components: ">= 2"
-  checksum: 3de729e909506b8dda27567fa561aa2f50822f1151f0d321303790afa45ffc0698f0d6836b8c8fd5f24845f4e1b181f8c51532dd9c1fa7a15fa37033a445c137
-  languageName: node
-  linkType: hard
-
 "babel-plugin-styled-components@npm:>= 1.12.0":
   version: 2.0.7
   resolution: "babel-plugin-styled-components@npm:2.0.7"
@@ -31957,16 +31917,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"styled-components@npm:5.1.1":
-  version: 5.1.1
-  resolution: "styled-components@npm:5.1.1"
+"styled-components@npm:5.3.6":
+  version: 5.3.6
+  resolution: "styled-components@npm:5.3.6"
   dependencies:
     "@babel/helper-module-imports": ^7.0.0
     "@babel/traverse": ^7.4.5
-    "@emotion/is-prop-valid": ^0.8.8
+    "@emotion/is-prop-valid": ^1.1.0
     "@emotion/stylis": ^0.8.4
     "@emotion/unitless": ^0.7.4
-    babel-plugin-styled-components: ">= 1"
+    babel-plugin-styled-components: ">= 1.12.0"
     css-to-react-native: ^3.0.0
     hoist-non-react-statics: ^3.0.0
     shallowequal: ^1.1.0
@@ -31975,7 +31935,7 @@ __metadata:
     react: ">= 16.8.0"
     react-dom: ">= 16.8.0"
     react-is: ">= 16.8.0"
-  checksum: ce8688176bf847628569f20dcfa31ecd01487e92db49c4ce2b44aee1c451d3877f2e0207986d6df711cba3bdc3f0058a8baa6ffbccf501ddfc776c074391c9f1
+  checksum: 68eac1e451be81d66739cf86de8ec9e72f46e7584aa359271761a2437468210bd7cf0a864281fc97dab08c32b35e6bf7513dc8b4104ed6b196cf8d65674dd289
   languageName: node
   linkType: hard