diff --git a/src/mantine-core/src/List/List.styles.ts b/src/mantine-core/src/List/List.styles.ts
index f17e95e424b..747147a1303 100644
--- a/src/mantine-core/src/List/List.styles.ts
+++ b/src/mantine-core/src/List/List.styles.ts
@@ -15,6 +15,6 @@ export default createStyles((theme, { withPadding, size, listStyleType }: ListSt
     lineHeight: theme.lineHeight,
     margin: 0,
     paddingLeft: withPadding ? theme.spacing.xl : 0,
-    listStylePosition: 'outside',
+    listStylePosition: 'inside',
   },
 }));
diff --git a/src/mantine-core/src/List/ListItem/ListItem.styles.ts b/src/mantine-core/src/List/ListItem/ListItem.styles.ts
index 88283397cd5..fb2f7c6a4b4 100644
--- a/src/mantine-core/src/List/ListItem/ListItem.styles.ts
+++ b/src/mantine-core/src/List/ListItem/ListItem.styles.ts
@@ -8,10 +8,13 @@ interface ListItemStyles {
 export default createStyles((theme, { spacing, center }: ListItemStyles, getRef) => ({
   itemWrapper: {
     ref: getRef('itemWrapper'),
-    display: 'inline',
+    display: 'inline-flex',
+    flexDirection: 'column',
+    whiteSpace: 'normal',
   },
 
   item: {
+    whiteSpace: 'nowrap',
     lineHeight: center ? 1 : theme.lineHeight,
 
     '&:not(:first-of-type)': {