interledger / interledger/docs-design-system
[BUG] Details component styling conflicts with external plugins (starlight-openapi)
Open
@mustafa-sayyed is already working on this.
Since Apr 7, 2026.
bug
- Dominant language
- CSS
- Stars
- 1
- Forks
- 1
- Avg merge
- 9h 12m
- Merged PRs (30d)
- 3
Description
Is there an existing issue for this?
- I have searched the existing issues
What type of bug are you experiencing?
Styling
Current Behavior
issues when used with external plugins like starlight-openapi:
- Double arrows: Design system adds custom ::before arrow, but plugins have their own arrows
- Alignment issues: Negative margins cause layout problems with nested details
- Inconsistent borders: Plugin-specific CSS overrides design system borders
Expected Behavior
- Ideally design system styling should get applied
Steps To Reproduce
Regression can be seen at this page: https://deploy-preview-758--openpayments-preview.netlify.app/apis/resource-server/operations/create-incoming-payment/
Environment
- OS:
- Node:
- npm:
Anything else?
No response
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.