diff --git a/uhepp-js/src/common.scss b/uhepp-js/src/common.scss
index 1fc98ea075e2e7a2b1959055f33b982c74bdb7cb..75bda6f46b5d02e798038af17cba06a7c493cd03 100644
--- a/uhepp-js/src/common.scss
+++ b/uhepp-js/src/common.scss
@@ -24,7 +24,7 @@ a:hover {
 
 .access-menu {
   .dropdown-menu {
-    width: 350;
+    width: 350px;
   }
   .highlight pre {
     overflow-x: auto;
diff --git a/uhepp-js/src/components/UheppHist.jsx b/uhepp-js/src/components/UheppHist.jsx
index 1f2f6e1476c9a058fdc926f2b07fa565b4816cf2..5185d41fb6c870240dd1c19079aeca06b294ba2c 100644
--- a/uhepp-js/src/components/UheppHist.jsx
+++ b/uhepp-js/src/components/UheppHist.jsx
@@ -449,9 +449,9 @@ const EmbeddedMathJax = ({src, posX, posY, align="left"}) => {
 	node.innerHTML = outerHTML;
 	let rendered_svg = node.getElementsByTagName("svg")[0];
 	const scale = 6
-	const width = rendered_svg.width.baseVal.value * scale
-	const transX = rendered_svg.width.baseVal.value * scale / rendered_svg.viewBox.baseVal.width
-	const transY = rendered_svg.height.baseVal.value * scale / rendered_svg.viewBox.baseVal.height
+	const width = rendered_svg.width.baseVal.valueInSpecifiedUnits * scale
+	const transX = rendered_svg.width.baseVal.valueInSpecifiedUnits * scale / rendered_svg.viewBox.baseVal.width
+	const transY = rendered_svg.height.baseVal.valueInSpecifiedUnits * scale / rendered_svg.viewBox.baseVal.height
   let alignTransX = 0
   if (align == "center") {
     alignTransX = -width / 2
@@ -469,8 +469,8 @@ const MixedText = ({children, x=0, y=0, align="left", opacity=1}) => {
     children = children.join("")
   }
   const embedded = `\\textsf{${children}}`
-  const switched = embedded.replaceAll(/\$([^$]*)\$/g, "}$1\\textsf{")
-  const cleared = switched.replaceAll("\\textsf{}", "")
+  const switched = embedded.replace(/\$([^$]*)\$/g, "}$1\\textsf{")
+  const cleared = switched.replace(/\\textsf\{\}/g, "")
 
   return <g opacity={1 * opacity}>
     <EmbeddedMathJax posX={x} posY={y} src={cleared} align={align} />