Change awesomplete list width in a child table

I would like to change the width of the “Awesomplete list” for a link field in a child table, without affecting the particular column’s width. In the below example, The width of the blue region should be unaffected while increasing the width of the red region. How can I achieve this?

To target a specific column, you can use these css selectors:

[data-page-route="Purchase Receipt"] [data-fieldname="items"] [data-fieldname="item_code"] .awesomplete ul 
    width: 500px;

So this example is targeting “Purchase Receipt Item”.item_code

[data-page-route=“Purchase Receipt”] => parent doctype name
[data-fieldname=“items”] => child Table field name, within parent doctype
[data-fieldname=“item_code”] => field name