From 6c21a12a884a3875ad714403fc877a0a7fe85889 Mon Sep 17 00:00:00 2001
From: Kartik Labhshetwar <kartik.labhshetwar@gmail.com>
Date: Wed, 10 Dec 2025 16:55:38 +0530
Subject: [PATCH] fix(phone-input): resolve styling inconsistencies in focus
 states and hover effects (#25744)

---
 .../features/components/phone-input/PhoneInput.tsx   | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/features/components/phone-input/PhoneInput.tsx b/packages/features/components/phone-input/PhoneInput.tsx
index cfd3d80d21..4dfcc6f868 100644
--- a/packages/features/components/phone-input/PhoneInput.tsx
+++ b/packages/features/components/phone-input/PhoneInput.tsx
@@ -77,12 +77,12 @@ function BasePhoneInput({
         onChange(`+${val}`);
       }}
       containerClass={classNames(
-        "hover:border-emphasis dark:focus:border-emphasis border-default !bg-default rounded-md border focus-within:outline-none focus-within:ring-2 focus-within:ring-brand-default disabled:cursor-not-allowed",
+        "hover:border-emphasis focus-within:border-emphasis border-default !bg-default rounded-md border focus-within:outline-none focus-within:ring-0 focus-within:ring-brand-default disabled:cursor-not-allowed",
         className
       )}
       inputClass="text-sm focus:ring-0 !bg-default text-default placeholder:text-muted"
-      buttonClass="text-emphasis !bg-default hover:!bg-emphasis"
-      searchClass="!text-default !bg-default hover:!bg-emphasis"
+      buttonClass="text-emphasis !bg-default"
+      searchClass="!text-default !bg-default"
       dropdownClass="!text-default !bg-default"
       inputStyle={{ width: "inherit", border: 0 }}
       searchStyle={{
@@ -128,13 +128,13 @@ function BasePhoneInputWeb({
         onChange(`+${val}`);
       }}
       containerClass={classNames(
-        "hover:border-emphasis dark:focus:border-emphasis border-default !bg-default rounded-md border focus-within:outline-none focus-within:ring-2 focus-within:ring-brand-default disabled:cursor-not-allowed",
+        "hover:border-emphasis focus-within:border-emphasis border-default !bg-default rounded-md border focus-within:outline-none focus-within:ring-0 focus-within:ring-brand-default disabled:cursor-not-allowed",
         className
       )}
       inputClass="text-sm focus:ring-0 !bg-default text-default placeholder:text-muted"
-      buttonClass="text-emphasis !bg-default hover:!bg-emphasis"
+      buttonClass="text-emphasis !bg-default"
       buttonStyle={{ ...flagButtonStyle }}
-      searchClass="!text-default !bg-default hover:!bg-emphasis"
+      searchClass="!text-default !bg-default"
       dropdownClass="!text-default !bg-default"
       inputStyle={{ width: "inherit", border: 0, ...inputStyle }}
       searchStyle={{