diff --git a/components/TempDesignSystem/Form/Phone/index.tsx b/components/TempDesignSystem/Form/Phone/index.tsx
index 09438233b..df3d18c75 100644
--- a/components/TempDesignSystem/Form/Phone/index.tsx
+++ b/components/TempDesignSystem/Form/Phone/index.tsx
@@ -55,8 +55,12 @@ export default function Phone({
             formState.defaultValues?.phoneNumber
           ).country?.toLowerCase()
         : "se",
+      disableDialCodeAndPrefix: true,
       forceDialCode: true,
       value: phone,
+      onChange: (value) => {
+        setValue(name, value.phone)
+      },
     })
 
   function handleSelectCountry(value: ParsedCountry) {
@@ -65,7 +69,6 @@ export default function Phone({
 
   function handleChange(evt: ChangeEvent<HTMLInputElement>) {
     handlePhoneValueChange(evt)
-    setValue(name, evt.target.value)
   }
 
   return (