From accb8e8fb805fd5d3d8f44da49cd561139fd9357 Mon Sep 17 00:00:00 2001
From: waterplea <alexander@inkin.ru>
Date: Mon, 23 Sep 2024 13:50:55 +0400
Subject: [PATCH] chore: fix

---
 .../input-phone-international.style.less       | 18 +++++-------------
 .../input-phone-international.template.html    |  8 ++++----
 2 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/projects/kit/components/input-phone-international/input-phone-international.style.less b/projects/kit/components/input-phone-international/input-phone-international.style.less
index e2c25cf56c1d..6e48ef1a7389 100644
--- a/projects/kit/components/input-phone-international/input-phone-international.style.less
+++ b/projects/kit/components/input-phone-international/input-phone-international.style.less
@@ -1,6 +1,6 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
-.t-country-select {
+.t-select {
     inline-size: 5.625rem;
     flex: none;
 
@@ -16,22 +16,14 @@
 .t-flag {
     inline-size: 1.75rem;
     block-size: 1.75rem;
-    border-radius: 50%;
-
-    &_select {
-        .fullsize(absolute, inset);
-
-        left: 0.5rem;
-        margin: auto;
-    }
+    border-radius: 100%;
 }
 
-.t-country-item-name {
-    margin-inline-start: 0.75rem;
-    margin-inline-end: auto;
+.t-name {
+    margin: 0 auto 0 0.75rem;
 }
 
-.t-country-item-code {
+.t-code {
     color: var(--tui-text-secondary);
     margin-inline-end: 0.25rem;
 }
diff --git a/projects/kit/components/input-phone-international/input-phone-international.template.html b/projects/kit/components/input-phone-international/input-phone-international.template.html
index c8dba2d0487f..22b74b61440d 100644
--- a/projects/kit/components/input-phone-international/input-phone-international.template.html
+++ b/projects/kit/components/input-phone-international/input-phone-international.template.html
@@ -1,5 +1,5 @@
 <tui-textfield
-    class="t-country-select"
+    class="t-select"
     [content]="flag"
     [tuiChevron]="open()"
 >
@@ -14,7 +14,7 @@
 
     <ng-template #flag>
         <img
-            class="t-flag t-flag_select"
+            class="t-flag"
             [alt]="names()?.[countryIsoCode()]"
             [src]="countryIsoCode() | tuiFlag"
         />
@@ -65,8 +65,8 @@
             class="t-flag"
             [src]="item | tuiFlag"
         />
-        <span class="t-country-item-name">{{ names()?.[item] }}</span>
-        <span class="t-country-item-code">
+        <span class="t-name">{{ names()?.[item] }}</span>
+        <span class="t-code">
             {{ item | tuiGetCountryCallingCode: metadata() }}
         </span>
     </button>