# UMG Button border (9-slice) scaling problem

**URL:** <https://forums.unrealengine.com/t/umg-button-border-9-slice-scaling-problem/444908>\
**Category:** UI\
**Tags:** image, border, unreal-engine, scale, question, UMG\
**Created:** [March 8, 2019, 9:58pm UTC](https://forums.unrealengine.com/t/umg-button-border-9-slice-scaling-problem/444908 "2019-03-08T21:58:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Elggetto](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Elggetto](https://forums.unrealengine.com/u/Elggetto)\
**Post date:** [March 8, 2019, 9:58pm UTC](https://forums.unrealengine.com/t/umg-button-border-9-slice-scaling-problem/444908/1 "2019-03-08T21:58:11Z")

</div>

Hello,

I finally benn able to have some kind of basic border that works. However, I would like the image border to not scale.

Here is an example:

 ![270723-borders-01.png](https://d3kjluh73b9h9o.cloudfront.net/original/4X/0/5/d/05dc4a0c5e0affb358833b88b7316b1a162956c8.png)

 ![270724-borders-02.png](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/a/c/2acb31fb85c51d72d29384d7ba431057cf3d9950.png)

Is there a way to keep the same ratio?

---

<div class="post-metadata">

**Author:** ![Everynone](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/everynone/32/1135017_2.png) [@Everynone](https://forums.unrealengine.com/u/Everynone)\
**Post date:** [March 8, 2019, 10:27pm UTC](https://forums.unrealengine.com/t/umg-button-border-9-slice-scaling-problem/444908/2 "2019-03-08T22:27:39Z")

</div>

Discussed here yesterday:

> [@9-slice scaling UMG image](https://forums.unrealengine.com/t/9-slice-scaling-umg-image/123231/3):
>
> Yes, I do get that much about 9-slice scaling. The issue however, is how I know what percentage to use for the margins? I’ve fiddled around with the margins for quite a bit, but nothing really seems to work that well.

tl;dr

Design the smallest border you will ever need and only scale it up.

---

<div class="post-metadata">

**Author:** ![Elggetto](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Elggetto](https://forums.unrealengine.com/u/Elggetto)\
**Post date:** [March 11, 2019, 4:24pm UTC](https://forums.unrealengine.com/t/umg-button-border-9-slice-scaling-problem/444908/3 "2019-03-11T16:24:12Z")

</div>

Thank you it worked!