diff --git a/etc/rollup/config.js b/etc/rollup/config.js
index 3b15bd6fd..6ec9b83c6 100644
--- a/etc/rollup/config.js
+++ b/etc/rollup/config.js
@@ -35,6 +35,7 @@ export default {
     babel({
       presets: [['react-app', { flow: false, typescript: true, absoluteRuntime: false }]],
       babelHelpers: 'runtime',
+      plugins: ["babel-plugin-styled-components"],
       extensions,
       exclude: 'node_modules',
     }),
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d0faee045..ff1b06c39 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,9 +5,9 @@ specifiers:
   '@babel/runtime': 7.10.4
   '@commitlint/cli': 8.3.5
   '@commitlint/config-conventional': 8.3.4
-  '@fortawesome/fontawesome-svg-core': ^1.2.35
-  '@fortawesome/free-solid-svg-icons': 5.13.1
-  '@fortawesome/react-fontawesome': ^0.1.14
+  '@fortawesome/fontawesome-svg-core': ^1.2.36
+  '@fortawesome/free-solid-svg-icons': 5.15.4
+  '@fortawesome/react-fontawesome': ^0.1.15
   '@rollup/plugin-babel': 5.0.4
   '@rollup/plugin-commonjs': 12.0.0
   '@rollup/plugin-node-resolve': 8.1.0
@@ -99,7 +99,7 @@ devDependencies:
   '@babel/runtime': 7.10.4
   '@commitlint/cli': 8.3.5
   '@commitlint/config-conventional': 8.3.4
-  '@fortawesome/free-solid-svg-icons': 5.13.1
+  '@fortawesome/free-solid-svg-icons': 5.15.4
   '@rollup/plugin-babel': 5.0.4_@babel+core@7.14.6+rollup@2.21.0
   '@rollup/plugin-commonjs': 12.0.0_rollup@2.21.0
   '@rollup/plugin-node-resolve': 8.1.0_rollup@2.21.0
@@ -3678,17 +3678,10 @@ packages:
       - supports-color
     dev: true
 
-  /@fortawesome/fontawesome-common-types/0.2.32:
-    resolution: {integrity: sha512-ux2EDjKMpcdHBVLi/eWZynnPxs0BtFVXJkgHIxXRl+9ZFaHPvYamAfCzeeQFqHRjuJtX90wVnMRaMQAAlctz3w==}
-    engines: {node: '>=6'}
-    requiresBuild: true
-    dev: true
-
   /@fortawesome/fontawesome-common-types/0.2.36:
     resolution: {integrity: sha512-a/7BiSgobHAgBWeN7N0w+lAhInrGxksn13uK7231n2m8EDPE3BMCl9NZLTGrj9ZXfCmC6LM0QLqXidIizVQ6yg==}
     engines: {node: '>=6'}
     requiresBuild: true
-    dev: false
 
   /@fortawesome/fontawesome-svg-core/1.2.36:
     resolution: {integrity: sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==}
@@ -3698,11 +3691,12 @@ packages:
       '@fortawesome/fontawesome-common-types': 0.2.36
     dev: false
 
-  /@fortawesome/free-solid-svg-icons/5.13.1:
-    resolution: {integrity: sha512-LQH/0L1p4+rqtoSHa9qFYR84hpuRZKqaQ41cfBQx8b68p21zoWSekTAeA54I/2x9VlCHDLFlG74Nmdg4iTPQOg==}
+  /@fortawesome/free-solid-svg-icons/5.15.4:
+    resolution: {integrity: sha512-JLmQfz6tdtwxoihXLg6lT78BorrFyCf59SAwBM6qV/0zXyVeDygJVb3fk+j5Qat+Yvcxp1buLTY5iDh1ZSAQ8w==}
     engines: {node: '>=6'}
+    requiresBuild: true
     dependencies:
-      '@fortawesome/fontawesome-common-types': 0.2.32
+      '@fortawesome/fontawesome-common-types': 0.2.36
     dev: true
 
   /@fortawesome/react-fontawesome/0.1.15_5a561e8fe7655ae38e5325c0df2769df:
@@ -5415,7 +5409,7 @@ packages:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
     dependencies:
-      debug: 4.2.0
+      debug: 4.3.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -10204,7 +10198,7 @@ packages:
     dependencies:
       '@tootallnate/once': 1.1.2
       agent-base: 6.0.2
-      debug: 4.2.0
+      debug: 4.3.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -10264,7 +10258,7 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       agent-base: 6.0.2
-      debug: 4.2.0
+      debug: 4.3.2
     transitivePeerDependencies:
       - supports-color
     dev: true