Fix placement of emoji/sticker buttons (#1693)

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>
   );
 }