diff --git a/client/.babelrc b/client/.babelrc
index 9eac17327b..8f7db13c81 100644
--- a/client/.babelrc
+++ b/client/.babelrc
@@ -37,16 +37,34 @@
         "regenerator": true
       }
     ],
-    ["babel-plugin-transform-imports", {
+    [
+      "babel-plugin-transform-imports",
+      {
         "react-bootstrap": {
-            "transform": "react-bootstrap/lib/${member}",
-            "preventFullImport": true
+          "transform": "react-bootstrap/lib/${member}",
+          "preventFullImport": true
         },
         "lodash": {
-            "transform": "lodash/${member}",
-            "preventFullImport": true
+          "transform": "lodash/${member}",
+          "preventFullImport": true
         }
-    }
+      }
+    ],
+    [
+      "prismjs",
+      {
+        "languages": [
+          "clike",
+          "css",
+          "html",
+          "javascript",
+          "markup",
+          "mathml",
+          "python",
+          "svg",
+          "xml"
+        ], "theme": "default", "css": true
+      }
     ]
   ]
 }
diff --git a/client/package-lock.json b/client/package-lock.json
index 2698d87d0f..782df3fbc2 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -3521,6 +3521,11 @@
         "resolve": "^1.12.0"
       }
     },
+    "babel-plugin-prismjs": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-prismjs/-/babel-plugin-prismjs-2.0.1.tgz",
+      "integrity": "sha512-GqQGa3xX3Z2ft97oDbGvEFoxD8nKqb3ZVszrOc5H7icnEUA56BIjVYm86hfZZA82uuHLwTIfCXbEKzKG1BzKzg=="
+    },
     "babel-plugin-remove-graphql-queries": {
       "version": "2.9.1",
       "resolved": "https://registry.npmjs.org/babel-plugin-remove-graphql-queries/-/babel-plugin-remove-graphql-queries-2.9.1.tgz",
diff --git a/client/package.json b/client/package.json
index 0b14f08fce..bc382cf1df 100644
--- a/client/package.json
+++ b/client/package.json
@@ -20,6 +20,7 @@
     "@reach/router": "^1.2.1",
     "algoliasearch": "^3.35.1",
     "axios": "^0.19.0",
+    "babel-plugin-prismjs": "^2.0.1",
     "bezier-easing": "^2.1.0",
     "browser-cookies": "^1.2.0",
     "chai": "^4.2.0",
diff --git a/client/src/components/layouts/Learn.js b/client/src/components/layouts/Learn.js
index b5f92ac015..abf7e0cbdc 100644
--- a/client/src/components/layouts/Learn.js
+++ b/client/src/components/layouts/Learn.js
@@ -13,7 +13,6 @@ import {
 import createRedirect from '../../components/createRedirect';
 import DonateModal from '../Donation/DonationModal';
 
-import 'prismjs/themes/prism.css';
 import './prism.css';
 import './prism-night.css';
 import 'react-reflex/styles.css';