Submenu align items left

I would like to align the text of sub menu items to the left.
Currently they are aligned to the centre. I can’t find where to change this in the Customize panel.

I tried adding this to Additional CSS but nothing changes:

.primary-menu-ul .sub-menu li {
   text-align: left;
}