Hello Everyone: 

I am implementing a search bar  in my mobile application, and it does not display correctly while there is text in the box: 

Once the search bar is open, it still displays correctly:

Now, once I have text in there the clear text (x) overlaps the (x) to close the search bar.

How can I go about to fix this? 

Hi,  did you fixed this already?