Skip to content

Commit 647c2a9

Browse files
fix: add overflow hidden to code group containers for corner radius clipping (#205)
## Summary - Adds `overflow: hidden !important` to the general `.code-group, [data-testid="code-group-select"]` CSS rule in `mintlify/style.css` - Fixes sharp corners and border clipping on API reference code blocks in production, where Mintlify's Tailwind `overflow-hidden` class is no longer being applied to code group containers ## Context The content-area scoped rule (`#content .code-group`, etc.) already had `overflow: hidden`, but the general selector used by API reference pages did not. Without it, inner elements with `border-radius: 0` bleed through the parent's rounded border, making corners appear sharp. ## Test plan - [x] Verified the fix resolves the issue in production (via browser dev tools) - [x] Confirm code blocks on API reference pages render with rounded corners after deploy - [x] Confirm code blocks in content pages (guides, quickstarts) are unaffected Made with [Cursor](https://cursor.com) Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent 2aafcdf commit 647c2a9

1 file changed

Lines changed: 1 addition & 0 deletions

File tree

mintlify/style.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1648,6 +1648,7 @@ div.callout,
16481648
[data-testid="code-group-select"] {
16491649
border-radius: var(--ls-radius-md) !important;
16501650
padding: 0 !important;
1651+
overflow: hidden !important;
16511652
border: 0.5px solid var(--ls-black-10) !important;
16521653
}
16531654

0 commit comments

Comments
 (0)