diff --git a/ui/src/lib/components/WorkGrades.svelte b/ui/src/lib/components/WorkGrades.svelte
index aa9393a..5f875df 100644
--- a/ui/src/lib/components/WorkGrades.svelte
+++ b/ui/src/lib/components/WorkGrades.svelte
@@ -170,13 +170,17 @@
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
-                <div class="form-group row mb-2">
-                    <label class="col-2 col-form-label" for="new-grade">Note</label>
-                    <!-- svelte-ignore a11y-autofocus -->
-                    {#if chgrade.grade}
+                {#if chgrade.grade}
+                    <div class="form-group row mb-2">
+                        <label class="col-2 col-form-label" for="new-grade">Note</label>
+                        <!-- svelte-ignore a11y-autofocus -->
                         <input type="number" class="form-control col" id="new-grade" autofocus placeholder="15" bind:value={chgrade.grade.score}>
-                    {/if}
-                </div>
+                    </div>
+                    <div class="form-group row mb-2">
+                        <label class="col-2 col-form-label" for="new-comment">Commentaire</label>
+                        <input class="form-control col" id="new-comment" bind:value={chgrade.grade.comment}>
+                    </div>
+                {/if}
             </div>
             <div class="modal-footer">
                 <button type="submit" class="btn btn-primary">