I'm using tailwindcss and fontawesome icons. I'm not sure why but the icons appear as small squares and when i inspect the icons, they have the correct names. This is the code:

describe('<CategorySelector />', () => {
  it('renders', () => {
    cy.mount(<CategorySelector />)

    // Wait for Font Awesome icons to load
    cy.get('.fa-users', { timeout: 10000 }).should('have.length.gt', 0)
  })
})

I appreciate any and all help with this!!