Как избежать сдвиг строк таблицы при их выбирании?

export const StyledTableCell = styled(TableCell)<TableRowProps & {isWrong?: boolean, bothNearbySelected?:boolean, isRowSelected?: boolean, isLowerSelected?: boolean, isUpperSelected?: boolean, isRowSelectedFirstCell?: boolean, isDetailed?: boolean}>`
  border: 1px solid #000000;
  padding: 1px 0;
  ${({isRowSelectedFirstCell, theme}) => isRowSelectedFirstCell && css`
    border-left: 1px solid #0a84df;
  `}
  ${({isRowSelected, isLowerSelected, isUpperSelected, bothNearbySelected, isDetailed, theme}) => (isRowSelected && !(isLowerSelected || isUpperSelected || bothNearbySelected) || isDetailed) && css`
    padding: 0;
  `}
  ${({isRowSelected, isLowerSelected, bothNearbySelected, isDetailed, theme}) => (isRowSelected && isLowerSelected && !bothNearbySelected) && css`
    padding-top: 0;
    padding-bottom: 1px !important;
  `}
  ${({isRowSelected, isUpperSelected, bothNearbySelected, isDetailed, theme}) => (isRowSelected && isUpperSelected && !bothNearbySelected) && css`
    padding-bottom: 0;
    padding-top: 1px !important;
  `}
   ${({isRowSelected, bothNearbySelected, isDetailed, theme}) => (isRowSelected && bothNearbySelected) && css`
     padding:  0;
   `}
  background-color: ${({isWrong}) => isWrong ? 'pink' : '#c0ffc9'};
  background-clip: padding-box;
  &:focus{
    outline: none;
  }
`;