More Information text on RP is not aligned properly

[Prudhvi Raj Y]

Hi Team,

On the record producer the more information test is not aligned properly, can someone please suggest how can I fix the alignment issue.

[Kamva · Accepted solution]

Hi @Prudhvi Raj Y,

This is the known issue in Zurich Patch 4,  and it recommended that you upgrade to Patch 5 if possible. Or alternatively, perform the steps below to add a CSS variable in mitigating the issue.

Steps to Apply the CSS Fix

1. Navigate to the Theme
Go to Service Portal → Themes in the left navigation and open the Theme used by the portal (for example, Coral).

2. Add the CSS
In the Theme record, scroll to the CSS Variables / CSS section and add the following snippet:

.field-label-question { display: inline-block; }

3. Apply and Verify

• Confirm the Portal record is using this Theme.

• Refresh the portal page.

• Verify that the styling change is reflected.

---

⚠️ Important Note

Remove the CSS snippet after the customer upgrades to Zurich Patch 5, as the fix will no longer be required.

[Ankur Bawiskar]

@Prudhvi Raj Y 

Did you check?

1) another browser

2) happening for all users

3) try reducing the text

💡 If my response helped, please mark it as correct ✅ and close the thread 🔒— this helps future readers find the solution faster! 🙏

[Prudhvi Raj Y]

@Ankur Bawiskar 
Yes, it happening for all the user, even for smaller text

[Ankur Bawiskar · Accepted solution]

@Prudhvi Raj Y 

Did you recently upgrade?

If yes and you upgraded to Zurich then it's a known issue

Recently some members did raise similar issue and it was confirmed by ServiceNow that it will be fixed in Australia release, but they have shared a workaround

Service Portal help text (popover) misaligned after Zurich upgrade 

Help Text Placement for Zurich Hot Patch 4 

KB Below

💡 If my response helped, please mark it as correct ✅ and close the thread 🔒— this helps future readers find the solution faster! 🙏

[Kamva · Accepted solution]

Hi @Prudhvi Raj Y,

This is the known issue in Zurich Patch 4,  and it recommended that you upgrade to Patch 5 if possible. Or alternatively, perform the steps below to add a CSS variable in mitigating the issue.

Steps to Apply the CSS Fix

1. Navigate to the Theme
Go to Service Portal → Themes in the left navigation and open the Theme used by the portal (for example, Coral).

2. Add the CSS
In the Theme record, scroll to the CSS Variables / CSS section and add the following snippet:

.field-label-question { display: inline-block; }

3. Apply and Verify

• Confirm the Portal record is using this Theme.

• Refresh the portal page.

• Verify that the styling change is reflected.

---

⚠️ Important Note

Remove the CSS snippet after the customer upgrades to Zurich Patch 5, as the fix will no longer be required.