# Why is all my field-cells are aligning right?

**URL:** <https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310>\
**Category:** Ask for Help\
**Created:** [January 4, 2023, 7:51am UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310 "2023-01-04T07:51:03Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![FV.io](https://avatars.discourse-cdn.com/v4/letter/f/49beb7/32.png) [@FV.io](https://community.glideapps.com/u/FV.io)\
**Post date:** [January 4, 2023, 7:51am UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/1 "2023-01-04T07:51:03Z")

</div>

Hi Community,

All my field-cells are aligning in the right side of the container, without any reason…

Can anyone help me out?

 ![Skærmbillede 2023-01-04 kl. 08.48.32](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/8/58e10b256df2f65cf57fade28580fb019500fbb1.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:** [January 4, 2023, 8:29am UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/2 "2023-01-04T08:29:32Z")

</div>

Can you show us how are you setting up these containers?

---

<div class="post-metadata">

**Author:** ![FV.io](https://avatars.discourse-cdn.com/v4/letter/f/49beb7/32.png) [@FV.io](https://community.glideapps.com/u/FV.io)\
**Post date:** [January 4, 2023, 10:38am UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/3 "2023-01-04T10:38:08Z")

</div>

Thanks for reply!

Please check attached:

![Skærmbillede 2023-01-04 kl. 11.37.03](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/5/05901208e1f9544685866790ae6aaeb9b2fd7d7d.png)

---

<div class="post-metadata">

**Author:** ![Cameraville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cameraville/32/60231_2.png) [@Cameraville](https://community.glideapps.com/u/Cameraville)\
**Post date:** [January 4, 2023, 5:24pm UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/4 "2023-01-04T17:24:49Z")

</div>

I believe this should be fixed now. Looks to me that during today ‘Fields’ underwent a change not yet registered in the glide updates page. The change alters the styling of Fields to resemble App Basic Tables when the container or page is less than some certain width. Probably you found this error while they were rolling it out.

For me all looks and work great with the new styling. God bless glide for this change 😃

---

<div class="post-metadata">

**Author:** ![David\_Gabler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_gabler/32/44332_2.png) [@David\_Gabler](https://community.glideapps.com/u/David_Gabler)\
**Post date:** [January 4, 2023, 5:40pm UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/5 "2023-01-04T17:40:10Z")

</div>

> [@Cameraville](#):
>
> registered in the glide updates page

Where is the link to this magical page you speak of?

---

<div class="post-metadata">

**Author:** ![Cameraville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cameraville/32/60231_2.png) [@Cameraville](https://community.glideapps.com/u/Cameraville)\
**Post date:** [January 4, 2023, 5:52pm UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/6 "2023-01-04T17:52:29Z")

</div>

Here 😉 [Glide • Product Updates](https://www.glideapps.com/product/updates)

---

<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:** [January 5, 2023, 1:35am UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/7 "2023-01-05T01:35:33Z")

</div>

To be honest, these are usually pretty behind. I can see some updates in Dec that have been out for a while. This forum is the best place to hunt for new updates in staging/production.

---

<div class="post-metadata">

**Author:** ![Sanne\_Cornelissen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sanne_cornelissen/32/66795_2.png) [@Sanne\_Cornelissen](https://community.glideapps.com/u/Sanne_Cornelissen)\
**Post date:** [November 22, 2023, 11:58am UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/8 "2023-11-22T11:58:16Z")

</div>

Hey there, I still have this problem. How can I align it left? Thanks!

---

<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 23, 2023, 12:22am UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/9 "2023-11-23T00:22:50Z")

</div>

Can you show us a screenshot?

---

<div class="post-metadata">

**Author:** ![Sanne\_Cornelissen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sanne_cornelissen/32/66795_2.png) [@Sanne\_Cornelissen](https://community.glideapps.com/u/Sanne_Cornelissen)\
**Post date:** [November 23, 2023, 6:40am UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/10 "2023-11-23T06:40:10Z")

</div>

Of course (It’s about the text on the right. It is all right aligned, but I would like it left aligned. Then the bullets will come out right, too):

 ![Scherm­afbeelding 2023-11-23 om 07.38.18](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/5/c5b749ad7b6c7979dd5b086086f42eb125cf14ce.jpeg)

---

<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 23, 2023, 11:16pm UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/11 "2023-11-23T23:16:01Z")

</div>

Ah I understand. You have to be on Business/Enterprise to use CSS and change that behaviour.

Though, I would argue that content that is too long don’t fit with the fields component at all. I usually just use two text components to display it. If I do it your way, it might look even worse on desktops.

---

<div class="post-metadata">

**Author:** ![Sanne\_Cornelissen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sanne_cornelissen/32/66795_2.png) [@Sanne\_Cornelissen](https://community.glideapps.com/u/Sanne_Cornelissen)\
**Post date:** [November 26, 2023, 11:23am UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/12 "2023-11-26T11:23:13Z")

</div>

Aha, thanks!

Do you know what the css code that I have to fill in?

Thanks a lot, really helpfull.

---

<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 27, 2023, 4:33am UTC](https://community.glideapps.com/t/why-is-all-my-field-cells-are-aligning-right/56310/13 "2023-11-27T04:33:38Z")

</div>

Not that much ideal, but here’s my attempt:

```auto
li[class*="fields"] >* {
display: flex;
justify-content: flex-start;
text-align: left !important;
}

div[class*="fields___StyledDiv2"] {
  width: 10%;
  min-width: 100px;
  flex-shrink: 0;
}

div[class*="fields___StyledDiv3"] {
width: 70%;
padding-left: 20%;
}

```

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/e/deea078dff4976534fd1745c2fd0ee28034de35b.png)

It will look broken on desktop though, so please adjust accordingly. Use a “Get device info” column to figure out the device’s width, and show a component for desktop/tablet, and another component for mobile. Name them accordingly and integrate the class names inside the CSS code.
