fix: add overflow hidden to code group containers for corner radius clipping#205
Merged
patcapulong merged 2 commits intomainfrom Feb 24, 2026
Merged
fix: add overflow hidden to code group containers for corner radius clipping#205patcapulong merged 2 commits intomainfrom
patcapulong merged 2 commits intomainfrom
Conversation
…lipping The general .code-group CSS rule was missing overflow: hidden, causing inner elements (with border-radius: 0) to bleed through the parent's rounded border on production. This made corners appear sharp and borders clipped on API reference code blocks. Co-authored-by: Cursor <cursoragent@cursor.com>
Contributor
Greptile SummaryAdds
Confidence Score: 5/5
|
| Filename | Overview |
|---|---|
| mintlify/style.css | Adds overflow: hidden !important to general .code-group selector to fix corner radius clipping on API reference pages |
Last reviewed commit: 3923c34
bsiaotickchong
approved these changes
Feb 24, 2026
pengying
pushed a commit
that referenced
this pull request
Feb 28, 2026
…lipping (#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>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
overflow: hidden !importantto the general.code-group, [data-testid="code-group-select"]CSS rule inmintlify/style.cssoverflow-hiddenclass is no longer being applied to code group containersContext
The content-area scoped rule (
#content .code-group, etc.) already hadoverflow: hidden, but the general selector used by API reference pages did not. Without it, inner elements withborder-radius: 0bleed through the parent's rounded border, making corners appear sharp.Test plan
Made with Cursor