Navbar hamburger menu, looks rubbish

[thepurpleblob]

I am using Vue.js, which I have a lot of experience of. I have almost none of Tailwind and Flowbite so I'm probably doing something stupid.

I copied the first, "default navbar" from https://flowbite.com/docs/components/navbar/. I'm also running initCollapses() in my Vue component. I did read the stuff about initCollapses further down the page but I'm really not clear what it does / what you need.

Anyway, on smaller pages, the hamburger icon "works" but looks terrible / unstyled. What might I have missed...

Example in docs...

My miserable result..

[thepurpleblob]

Never mind... I don't think tailwind is working fully/properly. Back to check my work, carefully.