Sticky/Fixed Header Preventing Full Screen Scroll

Description When scrolling through the chat history, a portion of the text or a header element at the top of the screen does not scroll away with the rest of the content. This causes the fixed element to obscure the message content directly beneath it as the user scrolls down, making it impossible to fully read the messages at the top of the viewport.

Steps to Reproduce Open an existing conversation in the AI Astrologer chat.

Scroll down to read previous messages.

Observe the very top of the screen (around the area of the user's initial question or a previous report header, e.g., the "SEX Report" text).

Expected Results As the user scrolls down, all elements of the conversation history, including the initial text and any surrounding headers, should move upwards and out of the viewport, allowing the user to view the full content of the messages beneath.

Actual Results A section of text or a header element (like the "SEX Report" text or the initial greeting text) remains static or "sticky" at the top. This overlaps or covers a part of the messages directly below it, requiring the user to scroll back up slightly to fully view the covered text. This happens continuously as the user attempts to read through the dialogue.,