[Bug] Corporate UI: VMware VM table headers are centered while row data is left-aligned

[mdobprv-lab]

Hey there! 👋 Thanks for taking the time to report this bug — we appreciate it!

Please keep in mind: PegaProx is developed and maintained entirely by volunteers in our free time. We do our best, but we can't work magic 🪄 — please be patient, we'll get to your issue as soon as we can.

Want to help keep PegaProx alive?

• ⭐ Star the project — it's free and helps a lot!
• 💖 Become a Sponsor — helps us dedicate more time to development
• 🤝 Contributing code or docs is always welcome too!

---

Describe the bug

In the Corporate UI, the column headers in the VMware/ESXi Virtual Machines table are not aligned with the corresponding row data.

Headers such as:

• Name
• Guest OS
• CPUs
• Memory
• IP Address
• Host

are centered inside their <th> cells, while the data in the corresponding <td> cells is left-aligned.

This makes the headers appear horizontally shifted relative to the values below them.

The Actions column does not show the same problem because it explicitly uses right alignment.

The issue is also visible with the UI language set to English, so it is not caused by translated string length.

While investigating the issue, the relevant VMware table markup was found to use:

<th className={isCorporate ? '' : 'text-left ...'}>

For the Corporate layout, this results in an empty class for the affected headers.

The Corporate datagrid CSS defines the appearance and padding of <th> elements:

body[data-layout="corporate"] .corp-datagrid th {
    background: var(--corp-surface-0, #0e161b);
    color: #adbbc4;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding: 6px 12px;
    border-bottom: 2px solid var(--corp-border-medium, #344955);
    position: sticky;
    top: 0;
    z-index: 2;
}

but it does not define text-align.

As a result, the browser default alignment for <th> is used (centered), while the table data remains left-aligned.

This appears to be a UI/layout issue in the Corporate datagrid rather than an i18n issue.

There is an existing issue #621 concerning header alignment in the Top Resources table. This report specifically concerns the VMware/ESXi Virtual Machines table and includes the observed cause in the Corporate table markup/CSS.

Steps to Reproduce

1. Open PegaProx using the Corporate UI layout.
2. Open a configured VMware/ESXi server.
3. Select the Virtual Machines tab.
4. Compare the position of the column headers with the values displayed directly below them.
5. Notice that most headers are centered while their corresponding row data is left-aligned.
6. Switch the UI language to English if necessary — the same alignment issue remains visible.

Expected behavior

Column headers should be aligned consistently with the data in their respective columns.

For the VMware VM table:

• normal data columns should be left-aligned with their row contents;
• the Actions column can remain right-aligned.

Because .corp-datagrid is used in multiple parts of PegaProx, any global text-align change should be verified against the other Corporate datagrid tables.

Environment

• PegaProx Version: Current Testing branch (base commit 31882b709c25f16df36af1e5b5e59dead36f1c61)
• Installation Method: Docker (local build from git clone)
• OS: Debian
• Browser: Google Chrome 151
• Behind Reverse Proxy? No
• UI? Corporate

Logs

No backend or browser errors are associated with the issue.

This is a frontend layout/CSS issue.

Relevant markup:

<th className={isCorporate ? '' : 'text-left p-3 text-xs font-semibold text-gray-500 uppercase'}>
    Guest OS
</th>

Relevant Corporate CSS:

body[data-layout="corporate"] .corp-datagrid th {
    padding: 6px 12px;
    /* no text-align defined */
}

The Actions header explicitly uses:

className={isCorporate ? 'text-right' : 'text-right ...'}

which explains why that column remains aligned correctly.

Checklist

• I have searched existing issues to make sure this is not a duplicate
• I am using the latest version of PegaProx

[mkellermann97]

Good spot — the corp datagrid headers are centered while the row cells sit left, so they don't line up on the VMware table. Small alignment fix, we'll get it. Thanks for the clean report! (btw if PegaProx is handy for you: https://opencollective.com/pegaprox)