diff --git a/frontend/index.html b/frontend/index.html
index 809c929a917fd7c6d4ac14a6cb9d307fadbede8f..a54c0bea7081ad14da2c06a33908f2beff0cf268 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -5,6 +5,14 @@
     <link rel="icon" href="/static/favicon.ico">
     <link rel="stylesheet" href="https://styleguide.pirati.cz/2.12.x/css/styles.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script>
+      ;(function () {
+          var src = '//cdn.jsdelivr.net/npm/eruda';
+          if (!/eruda=true/.test(window.location) && localStorage.getItem('active-eruda') != 'true') return;
+          document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
+          document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>');
+      })();
+    </script>
     <title>GenerĂ¡tor grafiky</title>
   </head>
   <body>
diff --git a/frontend/package.json b/frontend/package.json
index 06e9917a7af581c7851f3c4fa6ae12ea43bda075..855357d56e995e3ea8badbe7d4d0a1c1ab1481ba 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "vite build",
     "preview": "vite preview",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
diff --git a/frontend/src/components/canvas/Canvas.vue b/frontend/src/components/canvas/Canvas.vue
index 6b535cdeb6c0fbe85a613e28caae4a272b4d313c..591b3203f09234879a105da8d0cb8078bccf67c2 100644
--- a/frontend/src/components/canvas/Canvas.vue
+++ b/frontend/src/components/canvas/Canvas.vue
@@ -75,7 +75,7 @@ export default {
                 </button>
             </div>
         </div>
-        <div class="object-contain">
+        <div class="object-contain h-[115vw] md:h-[unset]">
             <canvas
                 ref="canvas"
                 class="w-full border border-gray-300 drop-shadow-md duration-150"
diff --git a/frontend/src/components/canvas/utils.js b/frontend/src/components/canvas/utils.js
index 60ae4610dad226816f14499007b95680c4f951b7..4645b1e13cfa194dc6a2e0fbb15ac972f3aeda44 100644
--- a/frontend/src/components/canvas/utils.js
+++ b/frontend/src/components/canvas/utils.js
@@ -85,12 +85,23 @@ const transformTextLineBreaks = (
             }
         );
 
-        currentWidth += wordText.width
+        // This is really ugly, I have no idea why Chromium thinks the text is shorter than it really is.
+        // (Or why Firefox thinks it's longer.)
+        // But, it works.
+        currentWidth += wordText.width * (
+            (!!window.chrome)
+            ? 1.183
+            : 1
+        )
 
         if (!skipNewLineGeneration && currentWidth > maxWidth) {
             if (
                 ["a", "i", "o", "u", "s", "se", "v", "z"].
-                includes(splitWords[wordPosition - 1].replace("*", ""))
+                includes(splitWords[
+                    (wordPosition !== 0)
+                    ? (wordPosition - 1)
+                    : (wordPosition)
+                ].replace("*", ""))
             ) { // Previous word is not a, i, o, u, s, ...
                 const lineBreakPosition = (
                     positionWithinString
@@ -100,7 +111,11 @@ const transformTextLineBreaks = (
                     )
                     - currentWord.length
                     - 1
-                    - splitWords[wordPosition - 1].length
+                    - splitWords[
+                        (wordPosition !== 0)
+                        ? (wordPosition - 1)
+                        : (wordPosition)
+                    ].length
                 )
 
                 text = setCharAt(text, lineBreakPosition, "\n")
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index 5ede14b3eb9816bb86755f694caaceb84d84d966..9cd3a95a24fd9c42c534ac54a4c417c009c239b6 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -21,7 +21,6 @@ const router = createRouter({
 
 router.beforeEach(
     (to, from, next) => {
-        // BEGIN Title
         document.title = 'GenerĂ¡tor grafiky'
 
         if (to.meta.title) {
diff --git a/package-lock.json b/package-lock.json
index 808442b68fd93a93c436975ccbc246b62f7dca76..994e592cbbc12aeddb4cfbf2923da7b9784f7c40 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2,9 +2,5 @@
   "name": "graphics-generator",
   "lockfileVersion": 3,
   "requires": true,
-  "packages": {
-    "": {
-      "name": "graphics-generator"
-    }
-  }
+  "packages": {}
 }