# Display Choice component in chips mode horizonatally

**URL:** <https://community.glideapps.com/t/display-choice-component-in-chips-mode-horizonatally/72688>\
**Category:** Ask for Help\
**Created:** [April 18, 2024, 8:38am UTC](https://community.glideapps.com/t/display-choice-component-in-chips-mode-horizonatally/72688 "2024-04-18T08:38:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Darko\_Vukoje](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darko_vukoje/32/73227_2.png) [@Darko\_Vukoje](https://community.glideapps.com/u/Darko_Vukoje)\
**Post date:** [April 18, 2024, 8:38am UTC](https://community.glideapps.com/t/display-choice-component-in-chips-mode-horizonatally/72688/1 "2024-04-18T08:38:48Z")

</div>

Hi,

Is there any way other than custom CSS to display choice component in chips mode horizontally in ONE line, so users can scroll horizontally to pick up the selection?

Currently, it looks like this:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/4/f4e8ce45f1874744152e093bb18b08560e286817.png)

I can achieve this by having a container whole row and put list inside container and set list mode horizontal. But wondering is there any other simple way.

Thanks

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 18, 2024, 8:49am UTC](https://community.glideapps.com/t/display-choice-component-in-chips-mode-horizonatally/72688/2 "2024-04-18T08:49:06Z")

</div>

Not that I am aware of.

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [April 18, 2024, 9:30am UTC](https://community.glideapps.com/t/display-choice-component-in-chips-mode-horizonatally/72688/3 "2024-04-18T09:30:56Z")

</div>

In case someone wants to try with css…

```auto
.scroll-container {
    overflow:auto;
}

.scroll-container::-webkit-scrollbar {
    display: none;
}

.scroll-choice {
    width: max-content; 
}

```