diff --git a/babel.config.js b/babel.config.js
index 0ae80d057..f06ab2d15 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -19,7 +19,8 @@ const productionPlugins = [
         {
             mode: 'unsafe-wrap'
         }
-    ]
+    ],
+    ['client-only-require', { 'extensions': ['less', 'scss', 'css'] }]
 ];
 
 module.exports = {
diff --git a/package-lock.json b/package-lock.json
index d66d21a55..78cfeb220 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9294,6 +9294,12 @@
         "@mdx-js/util": "^1.6.5"
       }
     },
+    "babel-plugin-client-only-require": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-client-only-require/-/babel-plugin-client-only-require-1.0.1.tgz",
+      "integrity": "sha1-A86q5kiJ7s4nKbpZz7gQKYxVFUk=",
+      "dev": true
+    },
     "babel-plugin-dynamic-import-node": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz",
diff --git a/package.json b/package.json
index 313b676f9..8d960ffd4 100644
--- a/package.json
+++ b/package.json
@@ -87,6 +87,7 @@
     "babel-eslint": "^10.1.0",
     "babel-jest": "^24.8.0",
     "babel-loader": "8.1.0",
+    "babel-plugin-client-only-require": "^1.0.1",
     "babel-plugin-named-asset-import": "^0.3.2",
     "babel-plugin-require-context-hook": "^1.0.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.23",