diff --git a/ui/src/pages/TrainingReport.vue b/ui/src/pages/TrainingReport.vue
index 3372fb6..2771c2a 100644
--- a/ui/src/pages/TrainingReport.vue
+++ b/ui/src/pages/TrainingReport.vue
@@ -104,7 +104,7 @@ onMounted(async () => {
                 </div>
                 <div>
                     <label class="scroll-m-20 text-xl font-semibold tracking-tight">Remarks</label>
-                    <p class="bg-muted p-2 rounded-lg min-h-24"> {{ focusedTrainingReport.remarks }}</p>
+                    <p class="bg-muted p-2 rounded-lg min-h-24 my-2"> {{ focusedTrainingReport.remarks }}</p>
                 </div>
             </div>
         </div>