diff --git a/packages/design-system/lib/components/Form/Country/country.module.css b/packages/design-system/lib/components/Form/Country/country.module.css index 33a60f066..21f37eabc 100644 --- a/packages/design-system/lib/components/Form/Country/country.module.css +++ b/packages/design-system/lib/components/Form/Country/country.module.css @@ -36,10 +36,8 @@ &[data-disabled] { border: transparent; - .inner { - background-color: var(--Surface-Primary-Disabled); - color: var(--Text-Interactive-Disabled); - } + background-color: var(--Surface-Primary-Disabled); + color: var(--Text-Interactive-Disabled); .button, .input, diff --git a/packages/design-system/lib/components/Form/Phone/index.tsx b/packages/design-system/lib/components/Form/Phone/index.tsx index a693e6f6b..d5c2ff4ef 100644 --- a/packages/design-system/lib/components/Form/Phone/index.tsx +++ b/packages/design-system/lib/components/Form/Phone/index.tsx @@ -14,7 +14,6 @@ import { usePhoneInput, } from 'react-international-phone' -import Body from '../../Body' import { ErrorMessage } from '../ErrorMessage' import { MaterialIcon } from '../../Icons/MaterialIcon' import { Input } from '../../Input' @@ -23,6 +22,7 @@ import { Label } from '../../Label' import styles from './phone.module.css' import type { PhoneProps } from './phone' +import { Typography } from '../../Typography' export default function Phone({ ariaLabel = 'Phone number input', @@ -109,14 +109,16 @@ export default function Phone({ {props.children} - - - + +

+ +

+