diff --git a/src/lib/components/ChatLayout.svelte b/src/lib/components/ChatLayout.svelte
index e6792ee..3149f8d 100644
--- a/src/lib/components/ChatLayout.svelte
+++ b/src/lib/components/ChatLayout.svelte
@@ -77,9 +77,10 @@
 			<div
 				class="h-full relative z-10 bg-white dark:bg-slate-900 overflow-x-hidden overflow-y-scroll no-scrollbar"
 			>
-				<slot />
+
+				<slot /> <!-- NOTE VIEWER-->
 			</div>
-			<!-- MESSAGE BOX-->
+			<!-- INPUT BOX-->
 			<div class="relative w-full h-fit">
 				<div class="z-20 flex"><slot name="input" /></div>
 			</div>
diff --git a/src/lib/views/messages/RenderKind1.svelte b/src/lib/views/messages/RenderKind1.svelte
index 9d3438e..c09d877 100644
--- a/src/lib/views/messages/RenderKind1.svelte
+++ b/src/lib/views/messages/RenderKind1.svelte
@@ -84,6 +84,7 @@ onMount(() => {
 		</div>
 	</div>
 </div>
+<!-- SCROLL OUT OF VIEW todo: change the location of this (in the DOM) so that we can use an animation to make it clear that the note has been "viewed" and can't be seen again -->
 <div
 	use:inview={{}}
 	on:inview_leave={(event) => {