diff --git a/cypress.json b/cypress.json
index f13b80a0..ac0c7a51 100644
--- a/cypress.json
+++ b/cypress.json
@@ -9,6 +9,7 @@
   "defaultCommandTimeout": 10000,
   "pageLoadTimeout": 120000,
   "includeShadowDom":	true,
+  "scrollBehavior": false,
   "cypress-plugin-snapshots": {
       "autoCleanUp": true,
       "prettier": true,
diff --git a/cypress/integration/ui/__snapshots__/scenario.js.snap b/cypress/integration/ui/__snapshots__/scenario.js.snap
index a961180d..17ae2fac 100644
--- a/cypress/integration/ui/__snapshots__/scenario.js.snap
+++ b/cypress/integration/ui/__snapshots__/scenario.js.snap
@@ -91,7 +91,7 @@ exports[`use various parts of svg-edit > check tool_text #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -137,7 +137,7 @@ exports[`use various parts of svg-edit > check tool_clone #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -152,7 +152,7 @@ exports[`use various parts of svg-edit > check tool_clone #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -199,7 +199,7 @@ exports[`use various parts of svg-edit > check tool_italic #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -215,7 +215,7 @@ exports[`use various parts of svg-edit > check tool_italic #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -263,7 +263,7 @@ exports[`use various parts of svg-edit > check tool_bold #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -280,7 +280,7 @@ exports[`use various parts of svg-edit > check tool_bold #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -328,7 +328,7 @@ exports[`use various parts of svg-edit > check change color #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -345,7 +345,7 @@ exports[`use various parts of svg-edit > check change color #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -485,7 +485,7 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -502,7 +502,7 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -576,7 +576,7 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -593,7 +593,7 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -684,7 +684,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -701,7 +701,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -748,8 +748,8 @@ exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
       stroke-opacity="1"
     ></polygon>
     <polygon
-      cx="115"
-      cy="79"
+      cx="116"
+      cy="78"
       id="svg_5"
       shape="regularPoly"
       sides="5"
@@ -805,7 +805,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -822,7 +822,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -869,8 +869,8 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
       stroke-opacity="1"
     ></polygon>
     <polygon
-      cx="115"
-      cy="79"
+      cx="116"
+      cy="78"
       id="svg_5"
       shape="regularPoly"
       sides="5"
@@ -884,8 +884,8 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
       stroke="none"
     ></polygon>
     <polygon
-      cx="115"
-      cy="79"
+      cx="116"
+      cy="78"
       id="svg_6"
       shape="regularPoly"
       sides="5"
@@ -941,7 +941,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -958,7 +958,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Sans-serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -1005,8 +1005,8 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
       stroke-opacity="1"
     ></polygon>
     <polygon
-      cx="115"
-      cy="79"
+      cx="116"
+      cy="78"
       id="svg_5"
       shape="regularPoly"
       sides="5"
@@ -1020,8 +1020,8 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
       stroke="none"
     ></polygon>
     <polygon
-      cx="115"
-      cy="79"
+      cx="116"
+      cy="78"
       id="svg_6"
       shape="regularPoly"
       sides="5"
@@ -1035,8 +1035,8 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
       stroke="none"
     ></polygon>
     <polygon
-      cx="115"
-      cy="79"
+      cx="116"
+      cy="78"
       id="svg_7"
       shape="regularPoly"
       sides="5"