Merge pull request #164 from goveo/development

Fix country selector CSS variable
goveo · Feb 22, 2024 · 0d02687 · 0d02687
2 parents a7305aa + a747396
commit 0d02687
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/docs/docs/03-Subcomponents API/01-CountrySelector.md b/packages/docs/docs/03-Subcomponents API/01-CountrySelector.md
@@ -92,7 +92,7 @@ defaultValue="undefined"
 | --react-international-phone-country-selector-background-color          | --react-international-phone-background-color          |
 | --react-international-phone-country-selector-background-color-hover    | `whitesmoke`                                          |
 | --react-international-phone-disabled-country-selector-background-color | --react-international-phone-disabled-background-color |
-| --react-international-phone-country-selector-border-color              | `13px`                                                |
+| --react-international-phone-country-selector-border-color              | `gainsboro`                                           |
 | --react-international-phone-country-selector-arrow-size                | `4px`                                                 |
 | --react-international-phone-country-selector-arrow-color               | `#777`                                                |
 | --react-international-phone-disabled-country-selector-arrow-color      | `#999`                                                |
diff --git a/src/components/CountrySelector/CountrySelectorDropdown.style.scss b/src/components/CountrySelector/CountrySelectorDropdown.style.scss
@@ -45,7 +45,7 @@ $dropdown-shadow: var(
 );
 
 $dropdown-left: var(--react-international-phone-dropdown-left, 0);
-$dropdown-top: var(--react-international-phone-dropdown-left, 44px);
+$dropdown-top: var(--react-international-phone-dropdown-top, 44px);
 
 $dropdown-preferred-list-divider-color: var(
   --react-international-phone-dropdown-preferred-list-divider-color,