From 100adc8266feee15025175b166405edecaf50af4 Mon Sep 17 00:00:00 2001
From: Christel Westerberg <christel.westerberg@scandichotels.com>
Date: Mon, 9 Dec 2024 16:28:22 +0100
Subject: [PATCH] fix: remove red border on valid country select

---
 components/TempDesignSystem/Form/Country/index.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/TempDesignSystem/Form/Country/index.tsx b/components/TempDesignSystem/Form/Country/index.tsx
index 850e841c1..95bcb1665 100644
--- a/components/TempDesignSystem/Form/Country/index.tsx
+++ b/components/TempDesignSystem/Form/Country/index.tsx
@@ -43,7 +43,7 @@ export default function CountrySelect({
     }
   }
   const { control, setValue } = useFormContext()
-  const { field, fieldState, formState } = useController({
+  const { field, formState } = useController({
     control,
     name,
     rules: registerOptions,
@@ -59,7 +59,6 @@ export default function CountrySelect({
     <div className={`${styles.container} ${className}`} ref={setRef}>
       <ComboBox
         aria-label={intl.formatMessage({ id: "Select country of residence" })}
-        isInvalid={fieldState.invalid}
         isReadOnly={readOnly}
         isRequired={!!registerOptions?.required}
         name={field.name}