From 2d0b99d2d8024c44f46f0b7fbe52a7a66224815e Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Sat, 7 Mar 2026 13:22:51 +0100
Subject: [PATCH] Tweak unlock screen button sizing to work with longer
 translations (#1819)

---
 apps/mobile-app/app/unlock.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/mobile-app/app/unlock.tsx b/apps/mobile-app/app/unlock.tsx
index a29de5028..1ef8a7c0d 100644
--- a/apps/mobile-app/app/unlock.tsx
+++ b/apps/mobile-app/app/unlock.tsx
@@ -391,15 +391,19 @@ export default function UnlockScreen() : React.ReactNode {
       alignItems: 'center',
       backgroundColor: colors.primary,
       borderRadius: 8,
-      height: 50,
       justifyContent: 'center',
       marginBottom: 16,
+      minHeight: 50,
+      paddingVertical: 8,
       width: '100%',
     },
     buttonText: {
       color: colors.primarySurfaceText,
       fontSize: 16,
       fontWeight: '600',
+      paddingHorizontal: 16,
+      paddingVertical: 4,
+      textAlign: 'center',
     },
     container: {
       flex: 1,
@@ -418,14 +422,18 @@ export default function UnlockScreen() : React.ReactNode {
     },
     faceIdButton: {
       alignItems: 'center',
-      height: 50,
       justifyContent: 'center',
+      minHeight: 50,
+      paddingVertical: 8,
       width: '100%',
     },
     faceIdButtonText: {
       color: colors.primary,
       fontSize: 16,
       fontWeight: '600',
+      paddingHorizontal: 16,
+      paddingVertical: 4,
+      textAlign: 'center',
     },
     gradientContainer: {
       height: Dimensions.get('window').height * 0.4,