# CSS Textwrap in dropdown component **URL:** \ **Category:** Ask for Help\ **Created:** [March 31, 2025, 8:45pm UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081 "2025-03-31T20:45:08Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\ **Post date:** [March 31, 2025, 8:45pm UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/1 "2025-03-31T20:45:08Z")
Does anyone know the code for text wrap in a dropdown using css? ---
**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 1, 2025, 2:05am UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/2 "2025-04-01T02:05:45Z")
![CleanShot 2025-04-01 at 09.05.15@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/a/da830f3142d09c39e8b839b208d1211184bf0d42.png) ```auto span[class*="wire-dropdown___StyledSpan"] { white-space: break-spaces; } ``` ---
**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\ **Post date:** [April 1, 2025, 2:41pm UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/3 "2025-04-01T14:41:19Z")
Sorry, still not working ---
**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 2, 2025, 12:25am UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/4 "2025-04-02T00:25:34Z")
Can you show me how you’re setting it up? It works on my side. ---
**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\ **Post date:** [April 2, 2025, 1:26am UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/5 "2025-04-02T01:26:34Z")
Tbis is how I have it my program. > **(attachments)** > > ![20250401_192517.jpg](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/b/7bf6c5e832bcace6e0e8f45aea01c639190dcade.jpeg) ---
**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 2, 2025, 1:47am UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/6 "2025-04-02T01:47:56Z")
Please try turning off “Use compiled CSS” and turn on “Preview custom CSS”. ---
**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\ **Post date:** [April 2, 2025, 2:28am UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/7 "2025-04-02T02:28:39Z")
> **(attachments)** > > ![20250401_202813.jpg](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/6/962821fab1fc1b8e66c087c7dbb7eac435d01e7b.jpeg) ---
**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 2, 2025, 4:32am UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/8 "2025-04-02T04:32:27Z")
So you’re having the class name of that choice component as “xxxx”? ---
**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\ **Post date:** [April 2, 2025, 4:43am UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/9 "2025-04-02T04:43:27Z")
Shouls it be another name? ---
**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 2, 2025, 5:05am UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/10 "2025-04-02T05:05:02Z")
Asking because I didn’t have any custom class names in my original code, I thought you want to apply it to all choice components. ---
**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\ **Post date:** [April 2, 2025, 5:19am UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/11 "2025-04-02T05:19:00Z")
if there is no class name, how and where do I put the code? ---
**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 2, 2025, 8:07am UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/12 "2025-04-02T08:07:02Z")
![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/8/f8acd01e140b8c41a6eb261729f78bc426adbd06.jpeg) You still put it here, but without “.xxxx”. ---
**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\ **Post date:** [April 3, 2025, 5:05am UTC](https://community.glideapps.com/t/css-textwrap-in-dropdown-component/81081/13 "2025-04-03T05:05:21Z")
thank you for helping out. I got it to work