How to customize Table header when isHeaderSticky prop applied?

[Aux9]

If we applied isHeaderSticky prop on a Table, it would add another style like some kind of shadow or outline or maybe sort of border, how can we remove that?

My code to produce the picture above is:

<Table
    removeWrapper
    isHeaderSticky                    
    classNames={{ 
      th: ["!rounded-none", "!shadow-none", "!border-none"],          
    }}
    >
    <TableHeader>
      <TableColumn key="name">NAME</TableColumn>
      <TableColumn key="role">ROLE</TableColumn>
      <TableColumn key="status">STATUS</TableColumn>
    </TableHeader>
    <TableBody items={items} emptyContent={"No permits found"}>              
    </TableBody>
  </Table>

I'm using (Vite + ReactJS + Tailwind CSS v3 + HeroUi).

I tried this:

classNames={{ 
th: ["!border-none", "!rounded-none", "!shadow-none"], 
}}

but it's not working, so any idea please?