diff --git a/package-lock.json b/package-lock.json
index f70f44a..403a3b5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "lindsvg-pwa",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "lindsvg-pwa",
-      "version": "2.2.1",
+      "version": "2.2.2",
       "dependencies": {
         "@vueuse/core": "^10.6.1",
         "lindsvg": "^1.3.2",
diff --git a/package.json b/package.json
index fec21d5..29351d3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lindsvg-pwa",
   "private": true,
-  "version": "2.2.1",
+  "version": "2.2.2",
   "type": "module",
   "scripts": {
     "lint": "eslint \"src/**/*.{mjs,vue}\"",
diff --git a/src/components/PanelSettings.vue b/src/components/PanelSettings.vue
index eae1897..2c23529 100644
--- a/src/components/PanelSettings.vue
+++ b/src/components/PanelSettings.vue
@@ -15,6 +15,10 @@ function toLSFormat(value) {
   return value.trim().toUpperCase();
 }
 
+function toNumber(value) {
+  return Number(value.replace(",", "."));
+}
+
 function addNewRule() {
   lSystemStore.rules[newRuleLetter.value] = toLSFormat(newRuleValue.value);
   newRuleLetter.value = newRuleValue.value = "";
@@ -125,7 +129,7 @@ function plot() {
             type="text"
             inputmode="decimal"
             :value="lSystemStore.alpha"
-            @change="lSystemStore.alpha = Number($event.target.value)"
+            @change="lSystemStore.alpha = toNumber($event.target.value)"
           >
         </label>
       </div>
@@ -139,7 +143,7 @@ function plot() {
             type="text"
             inputmode="decimal"
             :value="lSystemStore.theta"
-            @change="lSystemStore.theta = Number($event.target.value)"
+            @change="lSystemStore.theta = toNumber($event.target.value)"
           >
         </label>
       </div>
@@ -153,7 +157,7 @@ function plot() {
             type="text"
             inputmode="decimal"
             :value="lSystemStore.step"
-            @change="lSystemStore.step = Number($event.target.value)"
+            @change="lSystemStore.step = toNumber($event.target.value)"
           >
         </label>
       </div>
@@ -167,7 +171,7 @@ function plot() {
             type="text"
             inputmode="numeric"
             :value="lSystemStore.iterations"
-            @change="lSystemStore.iterations = Number($event.target.value)"
+            @change="lSystemStore.iterations = toNumber($event.target.value)"
           >
         </label>
       </div>