From bb8d1497a06709c81bd500fce94b905de4250a08 Mon Sep 17 00:00:00 2001
From: Daraksha <daraksha.dk001@gmail.com>
Date: Thu, 26 Jan 2023 12:52:05 +0530
Subject: [PATCH 1/2] align headers vertically

---
 src/components/EmojiPicker/EmojiPickerMenu/index.js   |  8 +++++---
 .../EmojiPicker/EmojiPickerMenu/index.native.js       |  8 +++++---
 src/styles/styles.js                                  | 11 +++++++----
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/components/EmojiPicker/EmojiPickerMenu/index.js b/src/components/EmojiPicker/EmojiPickerMenu/index.js
index 924d81a2bf37..e2ad3bed1b78 100755
--- a/src/components/EmojiPicker/EmojiPickerMenu/index.js
+++ b/src/components/EmojiPicker/EmojiPickerMenu/index.js
@@ -438,9 +438,11 @@ class EmojiPickerMenu extends Component {
 
         if (header) {
             return (
-                <Text style={styles.emojiHeaderStyle}>
-                    {this.props.translate(`emojiPicker.headers.${code}`)}
-                </Text>
+                <View style={styles.emojiHeaderContainer}>
+                    <Text style={styles.emojiHeaderStyle}>
+                        {this.props.translate(`emojiPicker.headers.${code}`)}
+                    </Text>
+                </View>
             );
         }
 
diff --git a/src/components/EmojiPicker/EmojiPickerMenu/index.native.js b/src/components/EmojiPicker/EmojiPickerMenu/index.native.js
index 754ed20fd766..d70eed98800b 100644
--- a/src/components/EmojiPicker/EmojiPickerMenu/index.native.js
+++ b/src/components/EmojiPicker/EmojiPickerMenu/index.native.js
@@ -107,9 +107,11 @@ class EmojiPickerMenu extends Component {
 
         if (item.header) {
             return (
-                <Text style={styles.emojiHeaderStyle}>
-                    {this.props.translate(`emojiPicker.headers.${item.code}`)}
-                </Text>
+                <View style={styles.emojiHeaderContainer}>
+                    <Text style={styles.emojiHeaderStyle}>
+                        {this.props.translate(`emojiPicker.headers.${item.code}`)}
+                    </Text>
+                </View>
             );
         }
 
diff --git a/src/styles/styles.js b/src/styles/styles.js
index ff9dd1190130..a8ac26999eca 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -1455,12 +1455,15 @@ const styles = {
         height: 240,
     },
 
-    emojiHeaderStyle: {
+    emojiHeaderContainer: {
         backgroundColor: themeColors.componentBG,
-        width: '100%',
-        height: 32,
         display: 'flex',
-        alignItems: 'center',
+        height: 32,
+        justifyContent: 'center',
+        width: '100%',
+    },
+
+    emojiHeaderStyle: {
         fontFamily: fontFamily.EXP_NEUE_BOLD,
         fontWeight: fontWeightBold,
         color: themeColors.heading,

From 7886ad535dc0ead1e4d889a4e62e529f4ae33ea4 Mon Sep 17 00:00:00 2001
From: daraksha <daraksha.dk001@gmail.com>
Date: Thu, 26 Jan 2023 17:32:07 +0530
Subject: [PATCH 2/2] use const

---
 src/styles/styles.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/styles.js b/src/styles/styles.js
index a8ac26999eca..c61acf2ff812 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -1458,7 +1458,7 @@ const styles = {
     emojiHeaderContainer: {
         backgroundColor: themeColors.componentBG,
         display: 'flex',
-        height: 32,
+        height: CONST.EMOJI_PICKER_HEADER_HEIGHT,
         justifyContent: 'center',
         width: '100%',
     },