Quill2-Emojis too big

I use Angular 18 and Quill Editor (ngx-quill). Recently I wanted to extend it by adding quill emojis. However, the npm package quill-emoji is not maintained anymore so I use quill2-emoji. However, the emojis are a bit too big for the quill editor line. Is there a possibility to change that?

quillModules = {
toolbar: [
[{'font': []}],
['bold', 'italic', 'underline'],
['code-block'],
[{'list': 'ordered'}],
[{'script': 'sub'}, {'script': 'super'}],
[{'color': []}, {'background': []}],
['clean'],
['emoji'] // Add emoji to the toolbar
],
'emoji-toolbar': false,
}



<quill-editor
class="w-full min-h-[50px] h-[150px] cursor-auto max-h-[300px]"
id="entry-text"
formControlName="entry_message"
[theme]="'snow'"
[modules]="quillModules"
[formats]="['header', 'bold', 'italic', 'underline', 'strike', 'blockquote', 'list', 'indent', 'link', 'image', 'align', 'emoji', 'script', 'code-block', 'color', 'background', 'font']">
</quill-editor>




Continue reading...