i haven't made any modifications to tailwind config files or anything

"use client";

export default function Navigation() {
  return (
    <nav className="flex justify-between">
      <div>
        <Link href="/">home</Link>
        <Link href="/explore">explore</Link>
        <Link href="/community">community</Link>
      </div>

      <div>
        <button className="rounded-md px-2 py-1 bg-[#ff4f4f] font-bold">sign in</button>
      </div>
    </nav>
  );
}

but for whatever reason tailwind doesn't load on the client and only loads on static/server components
did i miss something in the documentation or is this a known bug?
thanks in advance 🎉