diff --git a/docs/data/data-grid/row-height/ExpandableCells.js b/docs/data/data-grid/row-height/ExpandableCells.js
index 1a1c4d10b31d..45b22e8734c0 100644
--- a/docs/data/data-grid/row-height/ExpandableCells.js
+++ b/docs/data/data-grid/row-height/ExpandableCells.js
@@ -34,7 +34,7 @@ function ExpandableCell({ value }) {
         <Link
           type="button"
           component="button"
-          sx={{ fontSize: 'inherit' }}
+          sx={{ fontSize: 'inherit', letterSpacing: 'inherit' }}
           onClick={() => setExpanded(!expanded)}
         >
           {expanded ? 'view less' : 'view more'}
diff --git a/docs/data/data-grid/row-height/ExpandableCells.tsx b/docs/data/data-grid/row-height/ExpandableCells.tsx
index 4ac5b11fa122..7f5f0874d6d4 100644
--- a/docs/data/data-grid/row-height/ExpandableCells.tsx
+++ b/docs/data/data-grid/row-height/ExpandableCells.tsx
@@ -39,7 +39,7 @@ function ExpandableCell({ value }: GridRenderCellParams) {
         <Link
           type="button"
           component="button"
-          sx={{ fontSize: 'inherit' }}
+          sx={{ fontSize: 'inherit', letterSpacing: 'inherit' }}
           onClick={() => setExpanded(!expanded)}
         >
           {expanded ? 'view less' : 'view more'}
diff --git a/docs/data/date-pickers/custom-field/BrowserV6Field.js b/docs/data/date-pickers/custom-field/BrowserV6Field.js
index bb3952a732ce..63be3f56e884 100644
--- a/docs/data/date-pickers/custom-field/BrowserV6Field.js
+++ b/docs/data/date-pickers/custom-field/BrowserV6Field.js
@@ -33,6 +33,9 @@ const BrowserField = React.forwardRef((props, ref) => {
         {
           display: 'flex',
           alignItems: 'center',
+          '& .MuiInputAdornment-root': {
+            height: 'auto',
+          },
         },
         sx || {},
       ]}
diff --git a/docs/data/date-pickers/custom-field/BrowserV6Field.tsx b/docs/data/date-pickers/custom-field/BrowserV6Field.tsx
index 45fa7acdec43..49138cd42863 100644
--- a/docs/data/date-pickers/custom-field/BrowserV6Field.tsx
+++ b/docs/data/date-pickers/custom-field/BrowserV6Field.tsx
@@ -63,6 +63,9 @@ const BrowserField = React.forwardRef(
           {
             display: 'flex',
             alignItems: 'center',
+            '& .MuiInputAdornment-root': {
+              height: 'auto',
+            },
           },
           sx || {},
         ]}
diff --git a/docs/data/date-pickers/custom-field/BrowserV6SingleInputRangeField.js b/docs/data/date-pickers/custom-field/BrowserV6SingleInputRangeField.js
index 4815d50972ac..311029bbc6fa 100644
--- a/docs/data/date-pickers/custom-field/BrowserV6SingleInputRangeField.js
+++ b/docs/data/date-pickers/custom-field/BrowserV6SingleInputRangeField.js
@@ -63,7 +63,7 @@ const BrowserSingleInputDateRangeField = React.forwardRef((props, ref) => {
   textFieldProps.InputProps = {
     ...textFieldProps.InputProps,
     endAdornment: (
-      <InputAdornment position="end">
+      <InputAdornment position="end" sx={{ height: 'auto' }}>
         <IconButton onClick={onAdornmentClick}>
           <DateRangeIcon />
         </IconButton>
diff --git a/docs/data/date-pickers/custom-field/BrowserV6SingleInputRangeField.tsx b/docs/data/date-pickers/custom-field/BrowserV6SingleInputRangeField.tsx
index 15c4e41160ae..6db84b3f6c57 100644
--- a/docs/data/date-pickers/custom-field/BrowserV6SingleInputRangeField.tsx
+++ b/docs/data/date-pickers/custom-field/BrowserV6SingleInputRangeField.tsx
@@ -118,7 +118,7 @@ const BrowserSingleInputDateRangeField = React.forwardRef(
     textFieldProps.InputProps = {
       ...textFieldProps.InputProps,
       endAdornment: (
-        <InputAdornment position="end">
+        <InputAdornment position="end" sx={{ height: 'auto' }}>
           <IconButton onClick={onAdornmentClick}>
             <DateRangeIcon />
           </IconButton>
diff --git a/docs/data/date-pickers/custom-field/BrowserV7Field.js b/docs/data/date-pickers/custom-field/BrowserV7Field.js
index 2454d803bf30..78497c2f81a5 100644
--- a/docs/data/date-pickers/custom-field/BrowserV7Field.js
+++ b/docs/data/date-pickers/custom-field/BrowserV7Field.js
@@ -13,6 +13,9 @@ import { Unstable_PickersSectionList as PickersSectionList } from '@mui/x-date-p
 const BrowserFieldRoot = styled('div', { name: 'BrowserField', slot: 'Root' })({
   display: 'flex',
   alignItems: 'center',
+  '& .MuiInputAdornment-root': {
+    height: 'auto',
+  },
 });
 
 const BrowserFieldContent = styled('div', { name: 'BrowserField', slot: 'Content' })(
diff --git a/docs/data/date-pickers/custom-field/BrowserV7Field.tsx b/docs/data/date-pickers/custom-field/BrowserV7Field.tsx
index a84e535d4340..202c6dd74e0a 100644
--- a/docs/data/date-pickers/custom-field/BrowserV7Field.tsx
+++ b/docs/data/date-pickers/custom-field/BrowserV7Field.tsx
@@ -21,6 +21,9 @@ import { Unstable_PickersSectionList as PickersSectionList } from '@mui/x-date-p
 const BrowserFieldRoot = styled('div', { name: 'BrowserField', slot: 'Root' })({
   display: 'flex',
   alignItems: 'center',
+  '& .MuiInputAdornment-root': {
+    height: 'auto',
+  },
 });
 
 const BrowserFieldContent = styled('div', { name: 'BrowserField', slot: 'Content' })(
diff --git a/docs/data/date-pickers/custom-field/BrowserV7SingleInputRangeField.js b/docs/data/date-pickers/custom-field/BrowserV7SingleInputRangeField.js
index 57cc103e1c69..26c10f367f97 100644
--- a/docs/data/date-pickers/custom-field/BrowserV7SingleInputRangeField.js
+++ b/docs/data/date-pickers/custom-field/BrowserV7SingleInputRangeField.js
@@ -16,6 +16,9 @@ import { Unstable_PickersSectionList as PickersSectionList } from '@mui/x-date-p
 const BrowserFieldRoot = styled('div', { name: 'BrowserField', slot: 'Root' })({
   display: 'flex',
   alignItems: 'center',
+  '& .MuiInputAdornment-root': {
+    height: 'auto',
+  },
 });
 
 const BrowserFieldContent = styled('div', { name: 'BrowserField', slot: 'Content' })(
diff --git a/docs/data/date-pickers/custom-field/BrowserV7SingleInputRangeField.tsx b/docs/data/date-pickers/custom-field/BrowserV7SingleInputRangeField.tsx
index dd04c5aae06e..5c925effbaab 100644
--- a/docs/data/date-pickers/custom-field/BrowserV7SingleInputRangeField.tsx
+++ b/docs/data/date-pickers/custom-field/BrowserV7SingleInputRangeField.tsx
@@ -30,6 +30,9 @@ import { BaseSingleInputFieldProps } from '@mui/x-date-pickers/models';
 const BrowserFieldRoot = styled('div', { name: 'BrowserField', slot: 'Root' })({
   display: 'flex',
   alignItems: 'center',
+  '& .MuiInputAdornment-root': {
+    height: 'auto',
+  },
 });
 
 const BrowserFieldContent = styled('div', { name: 'BrowserField', slot: 'Content' })(