Fix wrapping of buttons with long text

alephium · Dec 16, 2024 · e93f792 · e93f792
1 parent 205a638
commit e93f792
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/apps/mobile-wallet/src/components/buttons/Button.tsx b/apps/mobile-wallet/src/components/buttons/Button.tsx
@@ -165,9 +165,9 @@ const Button = ({
     >
       {iconProps && !(compact || squared) && <EmptyPlaceholder />}
       {title && (
-        <AppText style={{ color: font, textAlign: 'center' }} medium size={compact ? 14 : 16}>
+        <ButtonText color={font} medium size={compact ? 14 : 16}>
           {title}
-        </AppText>
+        </ButtonText>
       )}
       {children}
       {loading ? (
@@ -258,3 +258,8 @@ const IconContainer = styled.View`
 const EmptyPlaceholder = styled.View`
   width: 22px;
 `
+
+const ButtonText = styled(AppText)`
+  text-align: center;
+  flex-shrink: 1;
+`