From 5a1c6581833260fdbafe1b9b4a4301430e197c4d Mon Sep 17 00:00:00 2001
From: Julien Tant <785518+JulienTant@users.noreply.github.com>
Date: Tue, 24 Oct 2023 14:43:47 -0700
Subject: [PATCH] [MM-54479] Fix spacing in suggestion box (#24597)

---
 .../channels/src/components/suggestion/emoticon_provider.tsx  | 2 +-
 webapp/channels/src/sass/components/_emoticons.scss           | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/webapp/channels/src/components/suggestion/emoticon_provider.tsx b/webapp/channels/src/components/suggestion/emoticon_provider.tsx
index 53861fbf43..a8ad614650 100644
--- a/webapp/channels/src/components/suggestion/emoticon_provider.tsx
+++ b/webapp/channels/src/components/suggestion/emoticon_provider.tsx
@@ -38,7 +38,7 @@ const EmoticonSuggestion = React.forwardRef<HTMLDivElement, SuggestionProps<Emoj
             ref={ref}
             {...props}
         >
-            <div className='pull-left'>
+            <div className='pull-left emoticon-suggestion__image-container'>
                 <img
                     alt={text}
                     className='emoticon-suggestion__image'
diff --git a/webapp/channels/src/sass/components/_emoticons.scss b/webapp/channels/src/sass/components/_emoticons.scss
index 4892a80b7e..35ae52fa5f 100644
--- a/webapp/channels/src/sass/components/_emoticons.scss
+++ b/webapp/channels/src/sass/components/_emoticons.scss
@@ -79,6 +79,10 @@
     vertical-align: middle;
 }
 
+.emoticon-suggestion__image-container {
+    margin-right: 8px;
+}
+
 .emoji-picker {
     position: absolute;
     z-index: 1100;