diff --git a/packages/components/phone-number/src/components/osds-phone-number/osds-phone-number.scss b/packages/components/phone-number/src/components/osds-phone-number/osds-phone-number.scss index 480573258e..4d2750a6d6 100644 --- a/packages/components/phone-number/src/components/osds-phone-number/osds-phone-number.scss +++ b/packages/components/phone-number/src/components/osds-phone-number/osds-phone-number.scss @@ -2,6 +2,8 @@ @import '~@ovhcloud/ods-common-theming/ods-theme'; :host(.phone-number) { + --ods-select-option-overflow: visible; + display: inline-flex; } @@ -40,7 +42,7 @@ $phone-number-input-width: 236px; width: 24px; } } - + &.opened + .phone-number__input { border-bottom-right-radius: 0; } diff --git a/packages/components/select/src/components/osds-select-option/osds-select-option.scss b/packages/components/select/src/components/osds-select-option/osds-select-option.scss index 40c74a967a..5dd26bdd41 100644 --- a/packages/components/select/src/components/osds-select-option/osds-select-option.scss +++ b/packages/components/select/src/components/osds-select-option/osds-select-option.scss @@ -18,7 +18,7 @@ .option > .truncated { min-width: 0; - overflow: hidden; + overflow: var(--ods-select-option-overflow, hidden); text-overflow: ellipsis; white-space: nowrap; word-break: break-all;