diff --git a/public/index.html b/public/index.html
index e5c8107f..fbb12a47 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,7 +12,6 @@
     <script type="text/x-mathjax-config">
       MathJax.Hub.Config({
         extensions: ["tex2jax.js"],
-        jax: ["input/TeX", "output/HTML-CSS"],
         tex2jax: {
           inlineMath: [
             ['$', '$'],
@@ -35,7 +34,7 @@
       });
     </script>
     <script type="text/javascript"
-            src="https://cdn.jsdelivr.net/npm/mathjax@2.7.7/MathJax.js?config=TeX-MML-AM_HTMLorMML">
+            src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_SVG">
     </script>
     <script type="text/javascript">
       MathJax.Hub.Configured()
diff --git a/src/components/HTMLLoader.jsx b/src/components/HTMLLoader.jsx
index e38fdd32..2cb64734 100644
--- a/src/components/HTMLLoader.jsx
+++ b/src/components/HTMLLoader.jsx
@@ -28,7 +28,7 @@ const baseConfig = {
 };
 
 const defaultSanitizeOptions = {
-  USE_PROFILES: { html: true, mathMl: true },
+  USE_PROFILES: { html: true },
   ADD_ATTR: ['columnalign'],
 };
 
@@ -36,7 +36,7 @@ function HTMLLoader({ htmlNode, componentId, cssClassName }) {
   const [loadingState, setLoadingState] = useState(window.MathJax ? 'loaded' : 'loading');
   const sanitizedMath = DOMPurify.sanitize(htmlNode, { ...defaultSanitizeOptions });
   const previewRef = useRef();
-  const mathjaxScript = 'https://cdn.jsdelivr.net/npm/mathjax@2.7.7/MathJax.js?config=TeX-MML-AM_HTMLorMML';
+  const mathjaxScript = 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_SVG';
 
   useEffect(() => {
     let mathjaxScriptTag = document.querySelector(`script[src="${mathjaxScript}"]`);