diff --git a/CHANGELOG.md b/CHANGELOG.md
index ac3e78444..184374966 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,7 +7,8 @@
   [#1935](https://github.com/nextcloud/cookbook/pull/1935) @christianlupus
 - remove constant se in RecipeView
   [#1942](https://github.com/nextcloud/cookbook/pull/1942) @j0hannesr0th
-
+- fix wrong parsing of recipe yield input
+  [#1944](https://github.com/nextcloud/cookbook/pull/1944) @j0hannesr0th
 
 ## 0.10.3 - 2023-12-04
 
diff --git a/src/components/RecipeView/RecipeView.vue b/src/components/RecipeView/RecipeView.vue
index 14c8504ea..ca862292e 100644
--- a/src/components/RecipeView/RecipeView.vue
+++ b/src/components/RecipeView/RecipeView.vue
@@ -80,10 +80,10 @@
                                         <span class="icon-view-previous" />
                                     </button>
                                     <input
-                                        v-model="recipeYield"
+                                        v-model.number="recipeYield"
                                         type="number"
                                         min="0"
-                                        style="width: 65px"
+                                        class="recipeYieldInput"
                                     />
                                     <button @click="changeRecipeYield">
                                         <span class="icon-view-next" />
@@ -1107,6 +1107,20 @@ main {
 .ingredient-parsing-error span.icon-error {
     display: inline-block;
 }
+
+.recipeYieldInput {
+    width: 75px;
+
+    /* Chrome, Safari, Edge */
+    &::-webkit-inner-spin-button,
+    &::-webkit-outer-spin-button {
+        margin: 0;
+        -webkit-appearance: none;
+    }
+
+    /* Firefox */
+    -moz-appearance: textfield;
+}
 </style>
 
 <style>