diff --git a/vue3/src/components/display/ShoppingListView.vue b/vue3/src/components/display/ShoppingListView.vue
index 92b186780..d323e836f 100644
--- a/vue3/src/components/display/ShoppingListView.vue
+++ b/vue3/src/components/display/ShoppingListView.vue
@@ -182,6 +182,7 @@
                                             <p v-if="r.recipe">{{ r.recipeData.name }}<br/></p>
                                             <p v-if="r.mealplan">
                                                 {{ r.mealPlanData.mealType.name }} - {{ DateTime.fromJSDate(r.mealPlanData.fromDate).toLocaleString(DateTime.DATE_FULL) }}
+                                                #{{ r.id }}
                                             </p>
                                         </div>
 
diff --git a/vue3/src/components/inputs/ShoppingListEntryInput.vue b/vue3/src/components/inputs/ShoppingListEntryInput.vue
index 6dc891e82..c841ad737 100644
--- a/vue3/src/components/inputs/ShoppingListEntryInput.vue
+++ b/vue3/src/components/inputs/ShoppingListEntryInput.vue
@@ -22,6 +22,7 @@
         valueProp="id"
         label="name"
         :delay="300"
+        append-to-body
         :searchable="true"
         :strict="false"
         :classes="{