Closes #6959 UI issue after clear cache and apply LRC with certain template

[Khadreal]

Description

Fixes 6959

Type of change

• Bug fix (non-breaking change which fixes an issue).

Detailed scenario

Check the issue here for detailed scenario

Technical description

Create a new function to avoid ui issues for elements with a specific styling

Documentation

Explain how this code works. Diagrams & drawings are welcome.

Mandatory Checklist

Code validation

• I validated all the Acceptance Criteria. If possible, provide screenshots or videos.
• I triggered all changed lines of code at least once without new errors/warnings/notices.
• I implemented built-in tests to cover the new/changed code.

Code style

• I wrote a self-explanatory code about what it does.
• I protected entry points against unexpected inputs.
• I did not introduce unnecessary complexity.

[codacy-production]

Coverage summary from Codacy

See diff coverage on Codacy

Coverage variation	Diff coverage
✅ +2.61% (target: -1.00%)	✅ 89.47% (target: 50.00%)

Coverage variation details

	Coverable lines	Covered lines	Coverage
Common ancestor commit (78ca211)	578	349	60.38%
Head commit (e301435)	635 (+57)	400 (+51)	62.99% (+2.61%)

Coverage variation is the difference between the coverage for the head and common ancestor commits of the pull request branch: <coverage of head commit> - <coverage of common ancestor commit>

Diff coverage details

	Coverable lines	Covered lines	Diff coverage
Pull request (#30)	57	51	89.47%

Diff coverage is the percentage of lines that are covered by tests out of the coverable lines that the pull request added or modified: <covered lines added or modified>/<coverable lines added or modified> * 100%

See your quality gate settings    Change summary preferences

_{Codacy stopped sending the deprecated coverage status on June 5th, 2024. Learn more}