u

src/routes/artikel.jsx

@@ -156,7 +156,7 @@ class ResultRow extends Component {
         <Typography
           variant="body2"
           color="text.secondary"
-          sx={{ ...resultCellSx, minWidth: 84 }}
+          sx={{ ...resultCellSx, minWidth: 84, fontFamily: 'monospace' }}
         >
           {row.sku}
         </Typography>

src/routes/kunde/_entityId.jsx

@@ -2,6 +2,7 @@ import { PureComponent } from 'react';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import CircularProgress from '@mui/material/CircularProgress';
+import Chip from '@mui/material/Chip';
 import Divider from '@mui/material/Divider';
 import IconButton from '@mui/material/IconButton';
 import Stack from '@mui/material/Stack';
@@ -559,11 +560,25 @@ class KundeEditPage extends PureComponent {
       <PanelTileGrid>
         <PanelTile wide={2} minHeight={200} color={BLUE_PANEL} title="Stammdaten">
           <Stack spacing={2}>
-            {groupName != null ? (
-              <Typography variant="body2" color="text.secondary">
-                Gruppe: {groupName}
-              </Typography>
-            ) : null}
+            <Stack direction="row" spacing={1} alignItems="center" flexWrap="wrap">
+              {entity?.number ? (
+                <Chip
+                  size="small"
+                  label={`Kundennummer: ${entity.number}`}
+                  sx={{
+                    fontFamily: 'monospace',
+                    fontWeight: 600,
+                    fontSize: '0.75rem',
+                    bgcolor: 'action.hover',
+                  }}
+                />
+              ) : null}
+              {groupName != null ? (
+                <Typography variant="body2" color="text.secondary">
+                  Gruppe: {groupName}
+                </Typography>
+              ) : null}
+            </Stack>
             <SingleLineTextEdit
               size="small"
               label="Name"

src/routes/kunde/neu.jsx

@@ -141,6 +141,7 @@ class KundeNeuPage extends PureComponent {
               disabled
               slotProps={{
                 htmlInput: { autoComplete: 'off' },
+                input: { sx: { fontFamily: 'monospace' } },
               }}
             />
             <Select