# Customize Select Control Popover Design

**URL:** <https://community.weweb.io/t/customize-select-control-popover-design/8596>\
**Category:** Ask us anything\
**Tags:** design\
**Created:** [May 14, 2024, 12:57pm UTC](https://community.weweb.io/t/customize-select-control-popover-design/8596 "2024-05-14T12:57:53Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![yawono](https://avatars.discourse-cdn.com/v4/letter/y/c57346/32.png) [@yawono](https://community.weweb.io/u/yawono)\
**Post date:** [May 14, 2024, 12:57pm UTC](https://community.weweb.io/t/customize-select-control-popover-design/8596/1 "2024-05-14T12:57:54Z")

</div>

I’m doing the WeWeb Academy tutorial and implemented a select control component but dislike  
how the popover looks. I don’t see any settings specific to that state or element- how do I edit the popover design?

![CleanShot 2024-05-14 at 08.56.53](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/2597311ebbd6347562d0ef7b8822d8cd75ae9ee7.png)

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [May 16, 2024, 12:52pm UTC](https://community.weweb.io/t/customize-select-control-popover-design/8596/2 "2024-05-16T12:52:31Z")

</div>

Hey @yawono 👋

I think you’ll need to use the “Free layout” option of the input select:

 ![CleanShot 2024-05-16 at 14.51.38@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/0174bbd7d686ad985bd12d29fa0cc35eafa94144.png)

Here’s a [short video](https://tella.video/input-select-free-layout-4489) showing how it might work.

Hope that helps!

---

<div class="post-metadata">

**Author:** ![andreas](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/andreas/32/7349_2.png) [@andreas](https://community.weweb.io/u/andreas)\
**Post date:** [June 28, 2024, 5:05pm UTC](https://community.weweb.io/t/customize-select-control-popover-design/8596/3 "2024-06-28T17:05:54Z")

</div>

@Joyce This helped me. Would be great, if there was an option “Dropdown Margin” and “Dropdown Padding” to change these values for the options container
