Skip to content

Commit bea89c1

Browse files
authored
fix(components): font css props in LabwareWellLabels (#19003)
Fix font size of well labels in `LabwareWellLabels` component - this broke after the CSS migration for shared deck map components
1 parent 4134efc commit bea89c1

File tree

1 file changed

+4
-6
lines changed

1 file changed

+4
-6
lines changed

components/src/hardware-sim/Labware/labwareInternals/LabwareWellLabels.tsx

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -65,12 +65,10 @@ const Labels = (props: {
6565
key={wellName}
6666
x={isLetterColumn ? firstWellXPosition : well.x}
6767
y={isLetterColumn ? well.y : firstWellYPosition}
68-
style={{
69-
fontSize: '0.2rem', // LEGACY --fs-micro
70-
fontWeight: TYPOGRAPHY.fontWeightSemiBold,
71-
textAnchor: 'middle',
72-
dominantBaseline: isLetterColumn ? 'middle' : 'auto',
73-
}}
68+
fontSize="0.2rem" // LEGACY --fs-micro
69+
fontWeight={TYPOGRAPHY.fontWeightSemiBold}
70+
textAnchor="middle"
71+
dominantBaseline={isLetterColumn ? 'middle' : 'auto'}
7472
fill={
7573
highlightedWellLabels?.wells.includes(wellName) ?? false
7674
? highlightColor

0 commit comments

Comments
 (0)