diff --git a/src/PhoneInput/PhoneInput.tsx b/src/PhoneInput/PhoneInput.tsx
index 675c862..b5c69a4 100644
--- a/src/PhoneInput/PhoneInput.tsx
+++ b/src/PhoneInput/PhoneInput.tsx
@@ -42,11 +42,12 @@ export const PhoneInput: React.FC<PhoneInputProps> = (props) => {
   } = props;
 
   const renderFlagButton = useCallback(
-    () => (
+    (flagButtonProps?: { onOpen?: () => void }) => (
       <FlagButton
         countryCode={countryCode}
         flagSize={flagProps?.flagSize || DEFAULT_THEME.flagSize}
         placeholder={countryCode}
+        onOpen={flagButtonProps?.onOpen}
         {...flagProps}
       />
     ),
diff --git a/src/PhoneInput/constants.ts b/src/PhoneInput/constants.ts
index 162d729..dcec223 100644
--- a/src/PhoneInput/constants.ts
+++ b/src/PhoneInput/constants.ts
@@ -451,7 +451,7 @@ export const MASK_PER_COUNTRY: Partial<{
   GA: [/\d/, ' ', /\d/, /\d/, ' ', /\d/, /\d/, ' ', /\d/, /\d/],
   GM: [/\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/],
   GE: ['(', /\d/, /\d/, /\d/, ')', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/],
-  DE: [/\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/],
+  DE: [/\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/],
   GH: ['0', '3', /\d/, ' ', /\d/, /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/],
   GI: [/\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/, /\d/],
   GR: [