CSS Imports on Desktop for Messages

Hi, I am trying to make a chat bot using some of the nice components like Message and MessageBar. My code is very similar to the example code here:
Messages | Framework7 Documentation.
I however cannot get the displayed styling (message bubbles, message bar on the bottom, etc.
I am using these css imports in my index.tsx:

  • import ‘framework7/components/messages/css’;
  • import ‘framework7/components/messagebar/css’;

What else am I missing to replicate the style that is shown in the demo above?
Thank you!