From 35a7c0822276ad0e67e20b089e89a2d4fea75bfc Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Thu, 10 Nov 2022 17:16:03 +1100
Subject: [PATCH] fix: centered id pill and emoji quick result

---
 ts/components/basic/YourSessionIDPill.tsx                   | 2 +-
 ts/components/conversation/composition/EmojiQuickResult.tsx | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/ts/components/basic/YourSessionIDPill.tsx b/ts/components/basic/YourSessionIDPill.tsx
index f3a2ca357..54dd01adc 100644
--- a/ts/components/basic/YourSessionIDPill.tsx
+++ b/ts/components/basic/YourSessionIDPill.tsx
@@ -11,7 +11,7 @@ const StyledPillDividerLine = styled.div`
 `;
 
 const StyledPillSpan = styled.span`
-  padding: 5px 15px;
+  padding: 6px 15px 5px;
   border-radius: 50px;
   color: var(--text-primary-color);
   border: 1px solid var(--border-color);
diff --git a/ts/components/conversation/composition/EmojiQuickResult.tsx b/ts/components/conversation/composition/EmojiQuickResult.tsx
index 00cab2a8b..c1c1e3b51 100644
--- a/ts/components/conversation/composition/EmojiQuickResult.tsx
+++ b/ts/components/conversation/composition/EmojiQuickResult.tsx
@@ -6,6 +6,8 @@ import { SearchIndex } from 'emoji-mart';
 import { searchSync } from '../../../util/emoji.js';
 
 const EmojiQuickResult = styled.span`
+  display: flex;
+  align-items: center;
   width: 100%;
   padding-inline-end: 20px;
   padding-inline-start: 10px;