BUG: Text Padding Issue - Letters Getting Cut Off

[Aditya30ag]

Is there an existing issue for this?

• I have searched the existing issues

What happened?

Description

There is an issue with the text padding in the UI. The padding around the text is insufficient, causing some letters to be partially cut off. This affects readability and the overall user experience.

Steps to Reproduce

1. Open the affected screen or component.
2. Observe the text rendering.
3. Notice that certain letters are clipped due to insufficient padding.

Expected Behavior

Text should have adequate padding so that all characters are fully visible and not cut off.

Actual Behavior

Some letters are partially cut off because the padding around the text is not properly applied.

Screenshots / Screen Recordings

Record

• I agree to follow this project's Code of Conduct

Checklist before Submitting

• Have you updated docs for it?
• Have you added unit tests?
• Have you made sure unit tests pass?
• Have you made sure code formatting is correct?
• Do Your changes passes all tests?

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and prompts that you can use with your favorite coding agent.

• Create Plan

Examples

• Example 1
• Example 2

---

🔗 Related PRs

#588 - UI: Add Padding to Images Grid in ChronologicalGallery [merged]

👤 Suggested Assignees

• rohan-pandeyy

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord or schedule a call!

[singhabhimanyu9838]

Hi, I’m Abhimanyu — a prospective GSoC 2026 contributor with AOSSIE.
I’d like to work on this issue if it’s available.
Thanks!

[Aditya30ag]

Hey @singhabhimanyu9838 ,
i had already solve this issue and made the pr
please look on some diff issue