# Buttons in UMG Widget getting weird border

**URL:** <https://forums.unrealengine.com/t/buttons-in-umg-widget-getting-weird-border/311183>\
**Category:** UI\
**Tags:** button, buttons, unreal-engine, question, UMG\
**Created:** [March 16, 2015, 7:32am UTC](https://forums.unrealengine.com/t/buttons-in-umg-widget-getting-weird-border/311183 "2015-03-16T07:32:50Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![GameEon\_Infotech\_Pvt.Ltd\_1](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@GameEon\_Infotech\_Pvt.Ltd\_1](https://forums.unrealengine.com/u/GameEon_Infotech_Pvt.Ltd_1)\
**Post date:** [March 16, 2015, 7:32am UTC](https://forums.unrealengine.com/t/buttons-in-umg-widget-getting-weird-border/311183/1 "2015-03-16T07:32:50Z")

</div>

We’ve built a basic game HUD for our game and everything seems to look perfect on PC and Android but there seems to be a weird border surrounding a few images on iOS. Find the problem attached in the screenshot marked with a white circle. The buttons are getting white border lines on their edges.

![34347-umg_image_border.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/5/6/6/56639d4c4296bf3e9095a125eb229ea167aafc27.jpeg)

---

<div class="post-metadata">

**Author:** ![trutty](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@trutty](https://forums.unrealengine.com/u/trutty)\
**Post date:** [March 16, 2015, 2:18pm UTC](https://forums.unrealengine.com/t/buttons-in-umg-widget-getting-weird-border/311183/2 "2015-03-16T14:18:02Z")

</div>

I do not have this issue with my UMG buttons on iOS. Let’s compare setups and maybe this helps to resolve your problem: I have a normal button and under the `Style` attribute at `Normal` I set an image and set `Draw As` to `Box`. My `Margin` is `0.0` and the `Normal Padding` is `0.0` as well.

---

<div class="post-metadata">

**Author:** ![GameEon\_Infotech\_Pvt.Ltd\_1](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@GameEon\_Infotech\_Pvt.Ltd\_1](https://forums.unrealengine.com/u/GameEon_Infotech_Pvt.Ltd_1)\
**Post date:** [March 18, 2015, 10:04am UTC](https://forums.unrealengine.com/t/buttons-in-umg-widget-getting-weird-border/311183/3 "2015-03-18T10:04:00Z")

</div>

This issue was sorted. Problem seemed with Texture Tiling Method in X and Y. The tiling mode ‘Wrap’ was causing this issue. Changed it to ‘Clamp’ and now it displays perfectly.

---

<div class="post-metadata">

**Author:** ![Erasio](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Erasio](https://forums.unrealengine.com/u/Erasio)\
**Post date:** [March 18, 2015, 10:19am UTC](https://forums.unrealengine.com/t/buttons-in-umg-widget-getting-weird-border/311183/4 "2015-03-18T10:19:48Z")

</div>

Could you write this down as answer and accept that please?

Just so other people know you don’t need any additional help here 😉

Thanks!

---

<div class="post-metadata">

**Author:** ![Flavio\_nin](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/flavio_nin/32/997587_2.png) [@Flavio\_nin](https://forums.unrealengine.com/u/Flavio_nin)\
**Post date:** [December 20, 2024, 8:29am UTC](https://forums.unrealengine.com/t/buttons-in-umg-widget-getting-weird-border/311183/5 "2024-12-20T08:29:40Z")

</div>

\*and if that doesn’t work, the solution is setting **FILTER to NEAREST.**