diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte
index 2c212aa4..1213fe2b 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_li.svelte
@@ -38,7 +38,7 @@
              * DUAL-LAYER VISIBILITY LOGIC
              * 1. Public Logic: If an item is enabled and NOT hidden, everyone sees it.
              * 2. Trusted Logic: If an item is disabled OR hidden, ONLY trusted users see it.
-             * 
+             *
              * NOTE: We also respect the active query filters for hidden/enabled.
              */
             const is_hidden = post.hide == true;
@@ -105,7 +105,7 @@
                             {@html idaa_post_obj.content}
                             <!-- Add an overlay to fade the content out when close to max height -->
                             <div
-                                class="post__content__fade w-full h-16 absolute bottom-0 left-0 bg-linear-to-t from-white to-transparent"
+                                class="post__content__fade w-full h-16 absolute bottom-0 left-0 bg-linear-to-t from-surface-50 to-transparent"
                             ></div>
                         </div>
                     {/if}