Header Controller Widget

Hello,
not a flex developer

I want to move this widget around I use:
<HeaderController:layout>
<s:HorizontalLayout gap="12"
horizontalAlign="right"
useVirtualLayout="true"
verticalAlign="middle"/>
</HeaderController:layout>
to move it to the right, but when you hover over the icons in the app they float to the right - and the overview map button on the bottom right of the screen goes with it as well....

where do I change padding to avoid this

thank you guys,