Why is main content getting wrapped inside annoucementBar class?

[kdb13]

I am displaying an announcement bar using the docusaurus.config.js file and am deploying the site to AWS. When the site is deployed, the content is visible fine when I visit the home or the index page. But if I try to visit an inner doc by its absolute URL from the browser the content looks out of order and the main content is wrapped inside announcementBar* tag when I inspected the rendered page. And, that's what is causing the problem.

Here is the rendered HTML in the browser:

Now, the thing is that this problem only arises once my site live on AWS. When, I run it locally with start and build, there is no such problem and the annoucement bar displays correctly.

[slorber]

I can't tell anything without access to your site url

Are you using Docusaurus v2.4.1?