[Autocomplete] Prevent tag overflow (#18662)

mui · Dec 3, 2019 · b2c5e2d · b2c5e2d
1 parent 2022b68
commit b2c5e2d
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/material-ui-lab/src/Autocomplete/Autocomplete.js b/packages/material-ui-lab/src/Autocomplete/Autocomplete.js
@@ -25,13 +25,12 @@ export const styles = theme => ({
   /* Styles applied to the tag elements, e.g. the chips. */
   tag: {
     margin: 3,
-    '&:last-child': {
-      marginRight: 5,
-    },
+    maxWidth: 'calc(100% - 6px)',
   },
   /* Styles applied to the tag elements, e.g. the chips if `size="small"`. */
   tagSizeSmall: {
     margin: 2,
+    maxWidth: 'calc(100% - 4px)',
   },
   /* Styles applied to the Input element. */
   inputRoot: {