From d653d55cbc79ade1b74e26069506eb8ac2f4eba3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Espino=20Garc=C3=ADa?= <larkox@gmail.com>
Date: Tue, 12 Aug 2025 14:18:05 +0200
Subject: [PATCH] Fix long name playbooks channel header (#9051)

* Fix long name playbooks channel header

* Address nitpick

* Fix unintended android change
---
 app/components/navigation_header/header.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/components/navigation_header/header.tsx b/app/components/navigation_header/header.tsx
index 9f61ed07f..60274935b 100644
--- a/app/components/navigation_header/header.tsx
+++ b/app/components/navigation_header/header.tsx
@@ -73,10 +73,8 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
         justifyContent: 'center',
         flex: 3,
         height: '100%',
-        paddingHorizontal: 8,
         ...Platform.select({
             ios: {
-                paddingHorizontal: 60,
                 flex: undefined,
                 width: '100%',
                 position: 'absolute',
@@ -177,9 +175,15 @@ const Header = ({
     const containerStyle = useMemo(() => (
         [styles.container, containerAnimatedStyle]), [styles, containerAnimatedStyle]);
 
-    const additionalTitleStyle = useMemo(() => ({
-        marginLeft: Platform.select({android: showBackButton && !leftComponent ? 20 : 0}),
-    }), [leftComponent, showBackButton]);
+    const additionalTitleStyle = useMemo(() => {
+        return {
+            marginLeft: Platform.select({android: showBackButton && !leftComponent ? 20 : 0}),
+            paddingHorizontal: Platform.select({
+                ios: rightButtons?.length === 2 ? 90 : 60,
+                android: 8,
+            }),
+        };
+    }, [leftComponent, showBackButton, rightButtons]);
 
     return (
         <Animated.View style={containerStyle}>