diff --git a/package.json b/package.json
index 05c0c04343..214c7c38d5 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,7 @@
     "gfm.css": "^1.1.2",
     "highlight.js": "^10.1.2",
     "jsrsasign": "^9.1.5",
+    "katex": "^0.12.0",
     "matrix-js-sdk": "9.3.0-rc.1",
     "matrix-react-sdk": "3.10.0-rc.1",
     "matrix-widget-api": "^0.1.0-beta.10",
diff --git a/src/vector/index.ts b/src/vector/index.ts
index a88c1d068d..a3a7bbb90c 100644
--- a/src/vector/index.ts
+++ b/src/vector/index.ts
@@ -23,6 +23,7 @@ limitations under the License.
 // in webpack.config.js
 require('gfm.css/gfm.css');
 require('highlight.js/styles/github.css');
+require('katex/dist/katex.css')
 
 // These are things that can run before the skin loads - be careful not to reference the react-sdk though.
 import {parseQsFromFragment} from "./url_utils";
diff --git a/webpack.config.js b/webpack.config.js
index 326e48e2ef..2b540f7bbb 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -41,9 +41,6 @@ module.exports = (env, argv) => {
             "jitsi": "./src/vector/jitsi/index.ts",
             "usercontent": "./node_modules/matrix-react-sdk/src/usercontent/index.js",
 
-            // CSS for LaTeX maths outout
-            "katex": "./node_modules/matrix-react-sdk/node_modules/katex/dist/katex.min.css",
-
             // CSS themes
             "theme-legacy": "./node_modules/matrix-react-sdk/res/themes/legacy-light/css/legacy-light.scss",
             "theme-legacy-dark": "./node_modules/matrix-react-sdk/res/themes/legacy-dark/css/legacy-dark.scss",