# Field Component Display Issue on Mobile: Values Stacking Vertically

**URL:** <https://community.glideapps.com/t/field-component-display-issue-on-mobile-values-stacking-vertically/78020>\
**Category:** Ask for Help\
**Created:** [November 19, 2024, 1:26pm UTC](https://community.glideapps.com/t/field-component-display-issue-on-mobile-values-stacking-vertically/78020 "2024-11-19T13:26:28Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![scotfield123](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/scotfield123/32/62356_2.png) [@scotfield123](https://community.glideapps.com/u/scotfield123)\
**Post date:** [November 19, 2024, 1:26pm UTC](https://community.glideapps.com/t/field-component-display-issue-on-mobile-values-stacking-vertically/78020/1 "2024-11-19T13:26:28Z")

</div>

Hi everyone,  
I’m encountering a display issue when using the **Fields component** on mobile. The rows of data are quite long, and when viewed on a phone, the values on the left appear stacked vertically, with each character displayed underneath the previous one.  
Are there any settings I can adjust or workarounds to fix this?  
Thanks in advance for your help!

 ![Screenshot 2024-11-19 132204](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/a/4a86fd1c2e4abae7d5f5ca5e50aff7aad7f88f80.png)

---

<div class="post-metadata">

**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:** [November 20, 2024, 12:12am UTC](https://community.glideapps.com/t/field-component-display-issue-on-mobile-values-stacking-vertically/78020/2 "2024-11-20T00:12:05Z")

</div>

Do you have access to CSS? What plan are you on?

---

<div class="post-metadata">

**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:** [November 20, 2024, 12:38am UTC](https://community.glideapps.com/t/field-component-display-issue-on-mobile-values-stacking-vertically/78020/3 "2024-11-20T00:38:52Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/b/cbfe448c7d0b565efe864db1ebd0bb82df902f9e.jpeg)

```auto
.adjusted-fields div[class*="fields___StyledDiv2"], .adjusted-fields div[class*="fields___StyledDiv3"] {
width: 50%;
}

.adjusted-fields div[class*="fields___StyledDiv2"], .adjusted-fields div[class*="fields___StyledDiv3"] p {
font-size: 13px;
}

```

With `adjusted-fields` being the custom class name of that fields component.

---

<div class="post-metadata">

**Author:** ![scotfield123](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/scotfield123/32/62356_2.png) [@scotfield123](https://community.glideapps.com/u/scotfield123)\
**Post date:** [November 20, 2024, 11:16am UTC](https://community.glideapps.com/t/field-component-display-issue-on-mobile-values-stacking-vertically/78020/4 "2024-11-20T11:16:31Z")

</div>

thank you for your answer, I’m on Team Plan

---

<div class="post-metadata">

**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:** [November 20, 2024, 11:50am UTC](https://community.glideapps.com/t/field-component-display-issue-on-mobile-values-stacking-vertically/78020/5 "2024-11-20T11:50:09Z")

</div>

You should be able to use Custom CSS.

---

<div class="post-metadata">

**Author:** ![scotfield123](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/scotfield123/32/62356_2.png) [@scotfield123](https://community.glideapps.com/u/scotfield123)\
**Post date:** [November 20, 2024, 1:36pm UTC](https://community.glideapps.com/t/field-component-display-issue-on-mobile-values-stacking-vertically/78020/6 "2024-11-20T13:36:59Z")

</div>

thank you very much, you are a star

---

<div class="post-metadata">

**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:** [November 27, 2024, 1:37pm UTC](https://community.glideapps.com/t/field-component-display-issue-on-mobile-values-stacking-vertically/78020/7 "2024-11-27T13:37:52Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.