# Text vertical alignment not working on workstation

**URL:** <https://forum.inductiveautomation.com/t/text-vertical-alignment-not-working-on-workstation/89288>\
**Category:** Ignition\
**Tags:** workstation, perspective, ignition81, scripting\
**Created:** [April 23, 2024, 2:18pm UTC](https://forum.inductiveautomation.com/t/text-vertical-alignment-not-working-on-workstation/89288 "2024-04-23T14:18:45Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![gpellicelli](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/gpellicelli/32/53466_2.png) [@gpellicelli](https://forum.inductiveautomation.com/u/gpellicelli)\
**Post date:** [April 23, 2024, 2:18pm UTC](https://forum.inductiveautomation.com/t/text-vertical-alignment-not-working-on-workstation/89288/1 "2024-04-23T14:18:45Z")

</div>

Hi,

I got a weird problem with the align and justify properties on button. On my designer and Google Chrome my text and Icon or center but on Worstation its not align. Do you guys have an idea of my problem? I try tu use vertical-align and text-align. For text-align on the Worstation its working but not for the vertical-align... My Ignition Gateway is 8.1.36 by the way

Designer:

 ![designer](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/b/fb8e458adf4b234f7f44fb9761c668ac0ec9ffe0.jpeg)

Worstation-Google Chrome:

 ![chrome_worstation](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/8/f8c3c59f2c4386a960f410b2ed444776d9e693c2.jpeg)

---

<div class="post-metadata">

**Author:** ![danieltalbot](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/danieltalbot/32/11201_2.png) [@danieltalbot](https://forum.inductiveautomation.com/u/danieltalbot)\
**Post date:** [April 23, 2024, 4:05pm UTC](https://forum.inductiveautomation.com/t/text-vertical-alignment-not-working-on-workstation/89288/2 "2024-04-23T16:05:00Z")

</div>

I tried to replicate but I'm not getting the same issue in 8.1.37.

---

<div class="post-metadata">

**Author:** ![gpellicelli](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/gpellicelli/32/53466_2.png) [@gpellicelli](https://forum.inductiveautomation.com/u/gpellicelli)\
**Post date:** [April 30, 2024, 3:12pm UTC](https://forum.inductiveautomation.com/t/text-vertical-alignment-not-working-on-workstation/89288/3 "2024-04-30T15:12:21Z")

</div>

Still have the same issue after update to 8.1.38..

---

<div class="post-metadata">

**Author:** ![matthew.ayre](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matthew.ayre/32/19499_2.png) [@matthew.ayre](https://forum.inductiveautomation.com/u/matthew.ayre)\
**Post date:** [July 23, 2024, 10:20am UTC](https://forum.inductiveautomation.com/t/text-vertical-alignment-not-working-on-workstation/89288/4 "2024-07-23T10:20:55Z")

</div>

Found a work around for anyone interested:

Add to the button style: `{ "classes": "", "align-items": "center" }`

If you want it to be project-wide, you can use an advanced stylesheet with the following:

`.ia-button { align-items: center; }`