From 579b8ccc5f8e810dc42cf08b1eae5627771844e2 Mon Sep 17 00:00:00 2001
From: Arnaldo Gabriel <5076526+agmm@users.noreply.github.com>
Date: Wed, 24 Apr 2024 08:44:32 -0400
Subject: [PATCH] Fix placement of emoji/sticker buttons (#1693)

---
 src/app/components/emoji-board/EmojiBoard.tsx | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/components/emoji-board/EmojiBoard.tsx b/src/app/components/emoji-board/EmojiBoard.tsx
index 5452722f..408ce85d 100644
--- a/src/app/components/emoji-board/EmojiBoard.tsx
+++ b/src/app/components/emoji-board/EmojiBoard.tsx
@@ -174,18 +174,6 @@ function EmojiBoardTabs({
 }) {
   return (
     <Box gap="100">
-      <Badge
-        className={css.EmojiBoardTab}
-        as="button"
-        variant="Secondary"
-        fill={tab === EmojiBoardTab.Emoji ? 'Solid' : 'None'}
-        size="500"
-        onClick={() => onTabChange(EmojiBoardTab.Emoji)}
-      >
-        <Text as="span" size="L400">
-          Emoji
-        </Text>
-      </Badge>
       <Badge
         className={css.EmojiBoardTab}
         as="button"
@@ -198,6 +186,18 @@ function EmojiBoardTabs({
           Sticker
         </Text>
       </Badge>
+      <Badge
+        className={css.EmojiBoardTab}
+        as="button"
+        variant="Secondary"
+        fill={tab === EmojiBoardTab.Emoji ? 'Solid' : 'None'}
+        size="500"
+        onClick={() => onTabChange(EmojiBoardTab.Emoji)}
+      >
+        <Text as="span" size="L400">
+          Emoji
+        </Text>
+      </Badge>
     </Box>
   );
 }