diff --git a/src/components/Visible/Visible.svelte b/src/components/Visible/Visible.svelte
index c274afe8..4e3a0e43 100644
--- a/src/components/Visible/Visible.svelte
+++ b/src/components/Visible/Visible.svelte
@@ -59,7 +59,12 @@
   });
 </script>
 
-<div bind:this={container}>
+<div
+  bind:this={container}
+  class="visibility-tracker"
+  class:visible
+  class:not-visible={!visible}
+>
   {#if children}
     {@render children(visible)}
   {/if}