Merge pull request #13 from bitfocusas/chore/update-borders

Refactor input field styles to remove borders and manage focus state …

Author: kyrregjerstad

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 */