Remove icon in Nested Menu Angular

Question

i would like to ask, how to remove arrow icon in nested menu. i took from this example https://material.angular.io/components/menu/overview

I would like to remove arrow icon on the right side after Redial name.

anyone have idea?

thanks

Answer 1

i finally found it

.mat-menu-item-submenu-trigger::after {
   border-style: unset !important;
}