Auto layout on my button acting... weird?

When I use auto layout on my frame my button become… this.
And it’s impossible to have the text on the button and not outside. I tried everything but I don’t understand what’s the problem is.
Thanks for your help.

  1. Copy the properties of the rectangle and paste them into the auto layout frame and delete the rectangle;
  2. Or set your rectangle to an absolute position;
  3. Or set your text to an absolute position.

You can follow this steps.

  1. Type “BUY NOW”
  2. Add Auto layout or Press " Shift + A " it will be automatically turn in Autolayout
  3. Fill “Orange color” and apply property according to your choice.
  4. Apply Corner radius.

Now it will be look good.

Try it this steps

Thanks for your answers ! :smile: