diff --git a/src/index.js b/src/index.js
index 6ebfc56a..2ca5d657 100644
--- a/src/index.js
+++ b/src/index.js
@@ -969,7 +969,7 @@ class PhoneInput extends React.Component {
           <div
             onClick={disableDropdown ? undefined : this.handleFlagDropdownClick}
             className={selectedFlagClasses}
-            title={selectedCountry ? `${selectedCountry.name}: + ${selectedCountry.dialCode}` : ''}
+            title={selectedCountry ? `${selectedCountry.localName || selectedCountry.name}: + ${selectedCountry.dialCode}` : ''}
             tabIndex={disableDropdown ? '-1' : '0'}
             role='button'
             aria-haspopup="listbox"
diff --git a/test/dev_js/demo.js b/test/dev_js/demo.js
index 30e975ba..e9cc690e 100644
--- a/test/dev_js/demo.js
+++ b/test/dev_js/demo.js
@@ -221,6 +221,21 @@ class Demo extends React.Component {
 
           <PhoneInput key={this.playgroundKey} {...this.state.playgroundProps}/>
         </div>
+
+        <div>
+          <br/><br/>
+          <p>Example for <a target={"_blank"} href={'https://github.com/bl00mber/react-phone-input-2/issues/456'}>https://github.com/bl00mber/react-phone-input-2/issues/456</a></p>
+          <p>i18n list of countries, first 3 are in German and the rest is in English</p>
+          <p>title has local name of the country, or if it's not exist - default one:</p>
+          <PhoneInput
+            countries={[{"value":"EG","label":"Ägypten"},{"value":"GQ","label":"Äquatorialguinea"},{"value":"ET","label":"Äthiopien"}]}
+            enableSearch
+            localization={{"eg":"Ägypten","gq":"Äquatorialguinea","et":"Äthiopien"}}
+            onlyCountries={["eg","gq","et","af","ax","al"]}
+            placeholder={`Select country`}
+            preserveOrder={['onlyCountries']}
+          />
+        </div>
       </div>
     )
   }