diff --git a/static/css/index.css b/static/css/index.css
index 08eee2f..f3be9bf 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -474,4 +474,9 @@ body {
     /* Set the width to 60% for larger screens */
     width: 50%;
   }
+}
+
+.MathJax_Display, .MJXc-display, .MathJax_SVG_Display {
+    overflow-x: auto;
+    overflow-y: auto;
 }
\ No newline at end of file
diff --git a/static/js/index.js b/static/js/index.js
index 09ba5ef..f39a263 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -45,6 +45,7 @@ $('#slick').slick({
   arrows: true,
   speed: 1000,
   adaptiveHeight: true,
+  useTransform: false, // fix for safari
 
   mobileFirst: true,