diff --git a/webapp/components/emoji_picker/emoji_picker.jsx b/webapp/components/emoji_picker/emoji_picker.jsx
index cbb388a10f..2a5b84747f 100644
--- a/webapp/components/emoji_picker/emoji_picker.jsx
+++ b/webapp/components/emoji_picker/emoji_picker.jsx
@@ -240,20 +240,26 @@ export default class EmojiPicker extends React.Component {
// This is a custom emoji that matches the model on the server
name = selected.name;
aliases = [selected.name];
- previewImage = (
);
+ previewImage = (
+
+ );
} else {
// This is a system emoji which only has a list of aliases
name = selected.aliases[0];
aliases = selected.aliases;
- previewImage = (
);
+ previewImage = (
+
+
+
+ );
}
return (
diff --git a/webapp/sass/components/_emoticons.scss b/webapp/sass/components/_emoticons.scss
index 24d53eef3e..b91630a470 100644
--- a/webapp/sass/components/_emoticons.scss
+++ b/webapp/sass/components/_emoticons.scss
@@ -103,7 +103,7 @@
}
.emoji-picker__items {
- max-height: 262px;
+ max-height: 278px;
overflow-x: hidden;
overflow-y: auto;
padding: 0px 8px 8px 8px;
diff --git a/webapp/sass/layout/_post-right.scss b/webapp/sass/layout/_post-right.scss
index 85dd20f532..e6ee33f85c 100644
--- a/webapp/sass/layout/_post-right.scss
+++ b/webapp/sass/layout/_post-right.scss
@@ -148,7 +148,6 @@
.post-right__scroll {
-webkit-overflow-scrolling: touch;
@include flex(1 1 auto);
- overflow: auto;
padding-top: 10px;
position: relative;