diff --git a/src/lib/components/Course/components/Lesson/Materials/index.svelte b/src/lib/components/Course/components/Lesson/Materials/index.svelte
index 2990fccd..a91cf698 100644
--- a/src/lib/components/Course/components/Lesson/Materials/index.svelte
+++ b/src/lib/components/Course/components/Lesson/Materials/index.svelte
@@ -229,9 +229,9 @@
           />
         </div>
       {:else if $lesson.materials?.note?.length > 15}
-        <div>
+        <article class="preview prose prose-sm sm:prose p-2">
           {@html $lesson.materials.note}
-        </div>
+        </article>
       {:else}
         <Box>
           <div class="flex justify-between flex-col items-center w-96">