1- If we use an SVG icon for the sub menu icon, it does not have a normal state. Please see the screenshot below. If you change the color of the svg icon using the fill option, it is clear that there is a problem.
2- If the website is RTL, the sub menu icon is completely attached to the text. Because the margin is applied from the left like LTR. While it should be on the right side.
1- Maybe, but this svg only has problems in the nav menu element sub menu.
3- Please watch the video below. Maybe the best solution is to set the border radius for the item. But if the number of submenus is 2 or more, it is not a good idea. Because the border radius is applied to each item.
Regarding the first one, it seems that the nav menu adds a stroke to the svg. When we set the stroke width to zero in the svg settings, the problem is solved.
This problem exists both in the nav menu element and the drop down. In fact, it seems that the icon below the menu uses the fill color from the top level typography color.
In fact, it seems that the sub menu svg icon uses the “Fill color” from the top level > typography > color.