diff --git a/packages/experience/src/Providers/AppBoundary/bitfocus-custom-styles.css b/packages/experience/src/Providers/AppBoundary/bitfocus-custom-styles.css index 192a6e1bd..5c4886141 100644 --- a/packages/experience/src/Providers/AppBoundary/bitfocus-custom-styles.css +++ b/packages/experience/src/Providers/AppBoundary/bitfocus-custom-styles.css @@ -124,7 +124,7 @@ font-size: 1.125rem; /* text-lg */ font-weight: 400; color: #d4d4d8; /* text-neutral-300 */ - border: 1px solid #404040; /* subtle border */ + border: none; /* Remove border - NotchedBorder component handles this */ border-radius: 4px; /* rounded-sm */ padding: 4px 16px; width: 100%; @@ -135,8 +135,11 @@ #app form div[class*='inputField'] input:focus, #app form div[class*='inputField'] div[class$='countryCodeSelector']:focus { outline: none; - border-color: #3b82f6; /* focus ring color */ - box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); +} + +/* Hide the purple outline to prevent double border on focus */ +#app form div[class*='inputField'] ~ div fieldset[class*='outline'] { + display: none !important; } /* Placeholder styling */