Remove/Hide the down arrow from the menu

Flow
1

I am using Valo theme. In my menu bar, there is a small down arrow appearing to the right of the menu items that have sub-menus. I wanna remove it. How do I do this using CSS (or by any other method)?

2

You can remove it with CSS:

        MenuBar barmenu = new MenuBar();
        layout.addComponent(barmenu);

        MenuItem drinks = barmenu.addItem("Beverages", null, null);
        drinks.setStyleName("beverages");
.v-menubar-menuitem-beverages .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
      content: none;
  }