From a560a9fbfaabd462ea45fb13878da2c8b0a8ed10 Mon Sep 17 00:00:00 2001
From: Amy Corson <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Wed, 5 Nov 2025 17:29:39 -0600
Subject: [PATCH] Keep Russian from breaking mobile layout

---
 lib/components/user/phone-change-form.tsx | 1 +
 lib/components/user/styled.ts             | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/lib/components/user/phone-change-form.tsx b/lib/components/user/phone-change-form.tsx
index fc5faecc7..a28a9ed3f 100644
--- a/lib/components/user/phone-change-form.tsx
+++ b/lib/components/user/phone-change-form.tsx
@@ -26,6 +26,7 @@ import { ControlStrip, phoneFieldStyle } from './styled'
 
 // Styles
 const InlinePhoneInput = styled(Input)`
+  margin-top: 5px;
   ${phoneFieldStyle}
 `
 
diff --git a/lib/components/user/styled.ts b/lib/components/user/styled.ts
index 7139c93d0..b8b269b9f 100644
--- a/lib/components/user/styled.ts
+++ b/lib/components/user/styled.ts
@@ -115,12 +115,16 @@ export const ControlStrip = styled.span`
   & > * {
     margin-right: 4px;
   }
+
+  button {
+    text-wrap: wrap;
+    margin-top: 5px;
+  }
 `
 /** Styles for phone editing fields */
 export const phoneFieldStyle = css`
   display: inline-block;
   vertical-align: middle;
-  width: 14em;
 `
 
 export const UnstyledLink = styled(Link)`