# Drawer: Rounded corners have white background

**URL:** <https://community.appfarm.io/t/drawer-rounded-corners-have-white-background/1324>\
**Category:** Bug reports\
**Tags:** ui\
**Created:** [August 2, 2024, 8:07am UTC](https://community.appfarm.io/t/drawer-rounded-corners-have-white-background/1324 "2024-08-02T08:07:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Preben](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/preben/32/545_2.png) [@Preben](https://community.appfarm.io/u/Preben)\
**Post date:** [August 2, 2024, 8:07am UTC](https://community.appfarm.io/t/drawer-rounded-corners-have-white-background/1324/1 "2024-08-02T08:07:12Z")

</div>

Hi,  
I developed a new bottom navigation bar using a drawer.

I noticed that when the edges are rounded , the background is white not transparent. Is it a bug or something I can change?

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/5/51745aa9cf2fac04f3f2ad25c7813ad6a4166ec2.png)

**Setup:**  
 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/f/f85c0196601aaebf824624d8176260f6d06512f4.png)

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/1/12ae6b921f1d844e47bae721cc8cb660cb19a940.png)

Container setup:

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/e/ee3a10aa08688e9d67ec695d7b236ce4e28905ab.png)

---

<div class="post-metadata">

**Author:** ![ErikAKSkallevold](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/erikakskallevold/32/1378_2.png) [@ErikAKSkallevold](https://community.appfarm.io/u/ErikAKSkallevold)\
**Post date:** [August 5, 2024, 7:38am UTC](https://community.appfarm.io/t/drawer-rounded-corners-have-white-background/1324/2 "2024-08-05T07:38:02Z")

</div>

Hi Preben,

The issue is that a persistent drawer cannot have rounded corners; only the temporary drawer supports them. From your images, the rounded corners are applied to the container inside the drawer. Since the drawer background defaults to white, you will see that effect.

 ![bilde](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/8/8a93fe994546b3587eaf14e6cd0c7faf40ccbc8c.png)

One option is to match the background color of the drawer to your app’s background. This will create the illusion of rounded corners without actually having them.

 ![bilde](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/3/386522782f943bdfd53294e6592cf6e92ea52641.png)

I haven’t found any way to change the background of a persistent drawer to transparent unfortunately.

// Erik

---

<div class="post-metadata">

**Author:** ![Preben](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/preben/32/545_2.png) [@Preben](https://community.appfarm.io/u/Preben)\
**Post date:** [September 11, 2024, 6:44am UTC](https://community.appfarm.io/t/drawer-rounded-corners-have-white-background/1324/3 "2024-09-11T06:44:38Z")

</div>

Thanks for the reply - We have (for now) some views with different background colors , please put transparent as a wish for future releases

---

<div class="post-metadata">

**Author:** ![ErikAKSkallevold](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/erikakskallevold/32/1378_2.png) [@ErikAKSkallevold](https://community.appfarm.io/u/ErikAKSkallevold)\
**Post date:** [September 11, 2024, 12:56pm UTC](https://community.appfarm.io/t/drawer-rounded-corners-have-white-background/1324/4 "2024-09-11T12:56:09Z")

</div>

I’ll add it as a feature request!

// Erik