[Text Field] Fix Horizontal scroll when label too long (#31187)

mui · Feb 24, 2022 · 0b8778b · 0b8778b
1 parent d588f5b
commit 0b8778b
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/packages/mui-material/src/OutlinedInput/NotchedOutline.js b/packages/mui-material/src/OutlinedInput/NotchedOutline.js
@@ -21,6 +21,7 @@ const NotchedOutlineRoot = styled('fieldset')({
 
 const NotchedOutlineLegend = styled('legend')(({ ownerState, theme }) => ({
   float: 'unset', // Fix conflict with bootstrap
+  overflow: 'hidden', // Fix Horizontal scroll when label too long
   ...(!ownerState.withLabel && {
     padding: 0,
     lineHeight: '11px', // sync with `height` in `legend` styles