# Choice component design issue **URL:** \ **Category:** Ask for Help\ **Created:** [April 25, 2024, 6:55pm UTC](https://community.glideapps.com/t/choice-component-design-issue/72864 "2024-04-25T18:55:04Z")\ **Posts on this page:** 9\ **Page:** 1
**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 25, 2024, 6:55pm UTC](https://community.glideapps.com/t/choice-component-design-issue/72864/1 "2024-04-25T18:55:05Z")
I am using choice component very often in my app. One of use cases is to select a day on a week, so 7 options for days. Here is a screen shot: ![IMG_6349](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/2/d2d168fb00eb12c8c41ad80c7dba740e30b1c268.jpeg) It looks ugly breaking into new line although there is a plenty of space to keep it in the single row. In the old glide this worked much better. I am in the maker plan and can use CSS but avoiding CSS as much as I can to do not break cross browsers compatibility Any suggestions or your experiences? ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [April 25, 2024, 8:49pm UTC](https://community.glideapps.com/t/choice-component-design-issue/72864/2 "2024-04-25T20:49:27Z")
Ya, only way to get them all on the same line is to use CSS. If I provide a CSS class of `horizontal-choice` to the choice component, then this CSS in the Settings\> Appearance menu might work: ```auto .horizontal-choice [class*="StyledUl"] { flex-wrap: nowrap !important; position: relative; overflow: auto; } ``` ![CleanShot 2024-04-25 at 16.48.56](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/a/5ab61b5914c39ac780f1f98d3f9dafb4c0020d3f.gif) ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [April 25, 2024, 11:25pm UTC](https://community.glideapps.com/t/choice-component-design-issue/72864/3 "2024-04-25T23:25:10Z")
> [@Darko\_Vukoje](#): > > cross browsers compatibility Can you elaborate on this? In which cases would you consider CSS to be likely to break cross browsers? ---
**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 26, 2024, 4:15am UTC](https://community.glideapps.com/t/choice-component-design-issue/72864/4 "2024-04-26T04:15:03Z")
Thanks @Robert_Petitto BTW - My Glide learning in the past few years was 90% achieved by your great video tutorials. Great work ---
**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 26, 2024, 4:19am UTC](https://community.glideapps.com/t/choice-component-design-issue/72864/5 "2024-04-26T04:19:36Z")
I am in general very skeptical about CSS. And not familiar with it. One of the most important reasons why I use Glide instead of coding is that Glide abstracts UI cross platform development and UX design ---
**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 26, 2024, 9:20am UTC](https://community.glideapps.com/t/choice-component-design-issue/72864/6 "2024-04-26T09:20:22Z")
> [@Robert\_Petitto](#): > > `horizontal-choice` Works! thanks Rob. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [April 26, 2024, 9:29am UTC](https://community.glideapps.com/t/choice-component-design-issue/72864/7 "2024-04-26T09:29:08Z")
If you want to dive more into it, we have a public library here. > [@CSS Library app by LowCode Agency](https://community.glideapps.com/t/css-library-app-by-lowcode-agency/72727): > > Hello everyone, In light of Glide allowing CSS to be used on all paid plans in latest pricing announcements, I thought it’s a good time to create a library of CSS so we can help each other make our apps beautiful. The [Notion library](https://www.notion.so/glidecommunity/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2) for the same purpose was a huge success back then. I plan to bring over many of those to this library in the coming weeks. For our completely public library, we have these features: Library: Include all items that have been approved by admins to show to the p… ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [April 26, 2024, 12:02pm UTC](https://community.glideapps.com/t/choice-component-design-issue/72864/8 "2024-04-26T12:02:02Z")
My pleasure! ---
**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\ **Post date:** [May 3, 2024, 12:02pm UTC](https://community.glideapps.com/t/choice-component-design-issue/72864/9 "2024-05-03T12:02:07Z")
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.