diff --git a/libs/ui-lib/lib/common/components/ui/formik/RichInputField.css b/libs/ui-lib/lib/common/components/ui/formik/RichInputField.css index 0a86e14b4e..2d19c548ac 100644 --- a/libs/ui-lib/lib/common/components/ui/formik/RichInputField.css +++ b/libs/ui-lib/lib/common/components/ui/formik/RichInputField.css @@ -2,13 +2,6 @@ padding-top: var(--pf-v6-c-helper-text--Gap); } -.rich-input__group { - border-color: var(--pf-v6-global--BorderColor--300) var(--pf-v6-global--BorderColor--300) - var(--pf-v6-global--BorderColor--200) var(--pf-v6-global--BorderColor--300); - border-width: 1px; - border-style: solid; -} - .rich-input__group--invalid { border-bottom-color: var(--pf-v6-global--danger-color--100); } diff --git a/libs/ui-lib/lib/common/components/ui/formik/RichInputField.tsx b/libs/ui-lib/lib/common/components/ui/formik/RichInputField.tsx index 70ff67e7cb..4816753bcd 100644 --- a/libs/ui-lib/lib/common/components/ui/formik/RichInputField.tsx +++ b/libs/ui-lib/lib/common/components/ui/formik/RichInputField.tsx @@ -14,6 +14,7 @@ import { InputGroupItem, FormHelperText, HelperText, + ButtonVariant, } from '@patternfly/react-core'; import { CheckCircleIcon } from '@patternfly/react-icons/dist/js/icons/check-circle-icon'; import { CheckIcon } from '@patternfly/react-icons/dist/js/icons/check-icon'; @@ -170,7 +171,7 @@ const RichInputField: React.FC = React.forwardRef( ) } - variant="plain" + variant={ButtonVariant.control} aria-label="Validation" />