table alignment

Opentrons · Mar 29, 2024 · 35355e9 · 35355e9
1 parent b69fdc8
commit 35355e9
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/app/src/organisms/DeviceDetailsDeckConfiguration/index.tsx b/app/src/organisms/DeviceDetailsDeckConfiguration/index.tsx
@@ -249,26 +249,26 @@ export function DeviceDetailsDeckConfiguration({
                 width="32rem"
               >
                 <Flex
-                  gridGap={SPACING.spacing32}
                   paddingLeft={SPACING.spacing8}
+                  gridGap={SPACING.spacing8}
                   css={TYPOGRAPHY.labelSemiBold}
                 >
-                  <StyledText>{t('location')}</StyledText>
-                  <StyledText>{t('fixture')}</StyledText>
+                  <StyledText flex="1 0 30px">{t('location')}</StyledText>
+                  <StyledText flex="9 1 0">{t('fixture')}</StyledText>
                 </Flex>
                 {fixtureDisplayList.length > 0 ? (
                   fixtureDisplayList.map(({ displayLocation, displayName }) => (
                     <Flex
                       key={displayLocation}
                       backgroundColor={COLORS.grey20}
                       borderRadius={BORDERS.borderRadius4}
-                      gridGap={SPACING.spacing60}
+                      gridGap={SPACING.spacing8}
                       padding={SPACING.spacing8}
                       width="100%"
                       css={TYPOGRAPHY.labelRegular}
                     >
-                      <StyledText>{displayLocation}</StyledText>
-                      <StyledText>{displayName}</StyledText>
+                      <StyledText flex="1 0 30px">{displayLocation}</StyledText>
+                      <StyledText flex="9 1 0">{displayName}</StyledText>
                     </Flex>
                   ))
                 ) : (