Line on top of Sub menu

Hi there, I used some custom code to widen the width of the submenu, but the coloured line at the top of the sub menu remained the same width as the sub menu (see services sub-menu on: [Mysite])(https://projects.website.mashtrust.org.nz/). Is there a way to fix this so it expands out as far as the menu?

Here is the code i used to change the width of the sub-menu:

#mainnav ul ul a {
width: 300px !important;
}

See:

Hi there,

Please use this CSS code instead:

#mainnav ul ul, #mainnav ul ul a {
    width: 300px !important;
}

Regards,
Awan

Brilliant thank you. that worked perfectly