Symbol appearing behind menu text

I’ve created a symbol to use as a button.

I’ve inserted this symbol (i.e. button) to appear to the right of my header menu.

When I view in designer mode, it looks perfect. In preview mode, the symbol shifts behind menu text as seen here in preview. Can anyone advise why?