Faqs Component - Hydration error

I get a hydration error because a h2 is nested in a h2, The Fastest fix I found was just placing the h2 below the top one a seen below.

                <h2 className="px-2 text-3xl leading-7">
                    <span className="inline-block lg:hidden">FAQs</span>
                </h2>
                <h2 className="hidden bg-gradient-to-br from-foreground-800 to-foreground-500 bg-clip-text pt-4 text-5xl font-semibold tracking-tight text-transparent dark:to-foreground-200 lg:inline-block">
                    Frequently
                    <br/>
                    asked
                    <br/>
                    questions
                </h2>