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;