diff --git a/src/_includes/layouts/recipe.njk b/src/_includes/layouts/recipe.njk
index 6e68d21..6fb03d5 100644
--- a/src/_includes/layouts/recipe.njk
+++ b/src/_includes/layouts/recipe.njk
@@ -40,7 +40,7 @@
                     <template x-if="currentServings">
                         <ul class="c-recipe__ingredients-list">
                             <template x-for="(ingredient, index) in ingredients" :key="index">
-                                <li x-text="adaptQuantity(ingredient, {{servings}}, currentServings)"></li>
+                                <li><label><input type="checkbox"><span x-text="adaptQuantity(ingredient, {{servings}}, currentServings)"></span></label></li>
                             </template>
                         </ul>
                     </template>
@@ -48,7 +48,7 @@
                     <template x-if="!currentServings">
                         <ul class="c-recipe__ingredients-list">
                             {% for ingredient in ingredients %}
-                                <li>{{ ingredient }}</li>
+                                <li><label><input type="checkbox"><span>{{ ingredient }}</span></label></li>
                             {% endfor %}
                         </ul>
                     </template>
diff --git a/src/scss/components/_recipe.scss b/src/scss/components/_recipe.scss
index 3a24c3c..3add6ef 100644
--- a/src/scss/components/_recipe.scss
+++ b/src/scss/components/_recipe.scss
@@ -14,11 +14,11 @@
 .c-recipe__ingredients-list {
     li {
         margin-bottom: 12px;
+    }
     
-        &::before {
-            content: "-";
-            margin-right: 6px;
-        }
+    input[type="checkbox"] {
+        margin: 0;
+        margin-inline-end: 6px;
     }
 }