u

src/components/manifest/ManifestFormLine.jsx

@@ -392,7 +392,7 @@ class ManifestFormLine extends PureComponent {
           slotProps={{
             htmlInput: {
               inputMode: type === 'number' ? 'decimal' : 'text',
-              style: { textAlign: align },
+              style: { textAlign: align, ...(id === 'sku' ? { fontFamily: 'monospace' } : {}) },
               autoComplete: 'off',
               step: type === 'number' ? 'any' : undefined,
             },
@@ -544,6 +544,7 @@ class ManifestFormLine extends PureComponent {
             fontSize: '0.875rem',
             lineHeight: '20px',
             fontWeight: id === 'sku' ? 600 : 400,
+            fontFamily: id === 'sku' ? 'monospace' : 'inherit',
             color: isError
               ? 'error.main'
               : hasValue
@@ -751,6 +752,7 @@ class ManifestFormLine extends PureComponent {
                 height: 20,
                 fontSize: '0.7rem',
                 fontWeight: 600,
+                fontFamily: 'monospace',
                 bgcolor: 'primary.50',
                 color: 'primary.dark',
                 border: '1px solid',
@@ -1108,6 +1110,7 @@ class ManifestFormLine extends PureComponent {
                 height: 20,
                 fontSize: '0.7rem',
                 fontWeight: 600,
+                fontFamily: 'monospace',
                 bgcolor: 'primary.50',
                 color: 'primary.dark',
                 border: '1px solid',
@@ -1150,7 +1153,7 @@ class ManifestFormLine extends PureComponent {
           {/* Supplier SKU if distinct */}
           {supplierArticle.sku && supplierArticle.sku !== rawSku && supplierArticle.sku !== article.sku && (
             <Typography variant="caption" color="text.secondary" sx={{ fontSize: '0.7rem' }}>
-              (Lief.-ArtNr: <strong>{supplierArticle.sku}</strong>)
+              (Lief.-ArtNr: <strong style={{ fontFamily: 'monospace' }}>{supplierArticle.sku}</strong>)
             </Typography>
           )}