Try this and let me know if that's what you expected.

const STYLE_OVERRIDES: Record<string, CSSObject> = {
  container: {
    borderRadius: '0',
    margin: '0',
    boxSizing: 'border-box',
    boxShadow: '0px 2px 32px rgba(0, 0, 0, 0.05)',
    fontFamily: 'Nunito Sans',
    padding: '0px 48px',
  },
  row: {
    width: '100%',
    headerTitle: {
      letterSpacing: 'default',
    },
    secondaryText: {
      letterSpacing: 'default',
    },
  },
  inputAdornment: {
    display: "none"
  },
  inputWrapper: {
    boxSizing: 'border-box',
    height: '48px',
    width: '100%',
    margin: '0',
    transition: 'all 0.07s ease-out',
    borderRadius: '0',
    border: '2px solid transparent',
    fontFamily: 'Nunito Sans',
    font: '400 16px Nunito Sans',
    letterSpacing: 'default',
    boxShadow: '0px 2px 10px rgba(0, 0, 0, 0.1)',
    fontSize: '16px',
    "&:focus-within": {
      border: '2px solid #8E959E',
      boxShadow: "none"
    },
    ':hover': {
      boxShadow: "none"
    },
    ':focus': {
      border: '2px solid #1D2126',
      boxShadow: "none"
    },
  },
  inputError: {
    boxShadow: "none",
    outline: "none",
    "&:focus-within": {
        boxShadow: "none",
        outline: "none"
    }
  },
  button: {
    boxSizing: 'border-box',
    height: '48px',
    boxShadow: '0px 4px 12px rgba(0, 0, 0, 0.15)',
    borderRadius: '0',
    fontFamily: 'Nunito Sans',
    transition: 'all 0.12s ease-out',
    fontSize: '16px',
    padding: 'none',
    ':hover': {
      transform: 'translateY(-4px)',
    },
  },
};