diff --git a/index.html b/index.html
index e35a1c3c..0cd3b2e0 100644
--- a/index.html
+++ b/index.html
@@ -1587,7 +1587,7 @@
         <button id="labelSizeHide" data-tip="Hide the font size section" class="icon-text-height"></button>
         <input id="labelStartOffset" data-tip="Set starting offset for the particular label" type="range" min=20 max=80 style="width:8em">
         <i class="icon-text-height"></i>
-        <input id="labelRelativeSize" data-tip="Set relative size for the particular label" type="number" min=30 max=300 step=1 style="width:3.2em">
+        <input id="labelRelativeSize" data-tip="Set relative size for the particular label" type="number" min=30 max=300 step=1 style="width:4.5em">
       </div>
 
       <button id="labelAlign" data-tip="Turn text path into a straight line" class="icon-resize-horizontal"></button>
diff --git a/modules/burgs-and-states.js b/modules/burgs-and-states.js
index 865159aa..a9200868 100644
--- a/modules/burgs-and-states.js
+++ b/modules/burgs-and-states.js
@@ -595,7 +595,7 @@ window.BurgsAndStates = (function () {
           g.select("#stateLabel" + id).remove();
         }
 
-        const path = p[1].length > 1 ? lineGen(p[1]) : `M${p[1][0][0] - 50},${p[1][0][1]}h${100}`;
+        const path = p[1].length > 1 ? round(lineGen(p[1])) : `M${p[1][0][0] - 50},${p[1][0][1]}h${100}`;
         const textPath = t
           .append("path")
           .attr("d", path)
@@ -621,7 +621,7 @@ window.BurgsAndStates = (function () {
         const spans = lines.map((l, d) => {
           example.text(l);
           const left = example.node().getBBox().width / -2; // x offset
-          return `<tspan x="${left}px" dy="${d ? 1 : top}em">${l}</tspan>`;
+          return `<tspan x=${rn(left, 1)} dy="${d ? 1 : top}em">${l}</tspan>`;
         });
 
         const el = g