diff --git a/gatsby-config.ts b/gatsby-config.ts
index 77e1c50..42a0ae3 100644
--- a/gatsby-config.ts
+++ b/gatsby-config.ts
@@ -55,6 +55,7 @@ export const plugins = [
       ],
     },
   },
+  `gatsby-plugin-styled-components`,
   `gatsby-plugin-react-helmet`,
   `gatsby-transformer-sharp`,
   {
diff --git a/package.json b/package.json
index 0b72b4b..a730c5b 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "@mdx-js/react": "^1.6.6",
     "@tailwindcss/ui": "^0.3.0",
     "@tippyjs/react": "^4.1.0",
+    "babel-plugin-styled-components": "^1.10.7",
     "classnames": "^2.2.6",
     "esm": "^3.2.25",
     "gatsby": "^2.23.11",
@@ -21,6 +22,7 @@
     "gatsby-plugin-postcss": "^2.3.6",
     "gatsby-plugin-react-helmet": "^3.3.6",
     "gatsby-plugin-sharp": "^2.6.14",
+    "gatsby-plugin-styled-components": "^3.3.10",
     "gatsby-remark-autolink-headers": "^2.3.7",
     "gatsby-remark-custom-blocks": "^2.3.6",
     "gatsby-remark-images": "^3.3.14",
diff --git a/yarn.lock b/yarn.lock
index 7fd7fd4..188a568 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2958,7 +2958,7 @@ babel-plugin-remove-graphql-queries@^2.9.7:
   resolved "https://registry.yarnpkg.com/babel-plugin-remove-graphql-queries/-/babel-plugin-remove-graphql-queries-2.9.7.tgz#81e557c36811f5a6c0166c5da84d6178fbfba632"
   integrity sha512-PnwHO+l5fJ+xq2oKF1+moMiWRJFcb29RSLcWiVzqVxDU4VzZapvmGY9qMFzFWS0txGMzlknBNxTL4Pigd/JyZg==
 
-"babel-plugin-styled-components@>= 1":
+"babel-plugin-styled-components@>= 1", babel-plugin-styled-components@^1.10.7:
   version "1.10.7"
   resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.10.7.tgz#3494e77914e9989b33cc2d7b3b29527a949d635c"
   integrity sha512-MBMHGcIA22996n9hZRf/UJLVVgkEOITuR2SvjHLb5dSTUyR4ZRGn+ngITapes36FI3WLxZHfRhkA1ffHxihOrg==
@@ -6860,6 +6860,13 @@ gatsby-plugin-sharp@^2.6.14:
     svgo "1.3.2"
     uuid "^3.4.0"
 
+gatsby-plugin-styled-components@^3.3.10:
+  version "3.3.10"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-styled-components/-/gatsby-plugin-styled-components-3.3.10.tgz#d325535023695382cf0f209382e5e0cc4658e6e6"
+  integrity sha512-2yV3hanEPelf8IwkOa1Sk4RtHh4tuuvdJs2NCnAsHxYEMLlFC4UeG91z4Q4t69G7RvZ2W8PzdByLK5N5C97CQQ==
+  dependencies:
+    "@babel/runtime" "^7.10.3"
+
 gatsby-plugin-typescript@^2.4.8:
   version "2.4.8"
   resolved "https://registry.yarnpkg.com/gatsby-plugin-typescript/-/gatsby-plugin-typescript-2.4.8.tgz#d39fe16ee80ed38f736a93b040a80cec55014aa8"