Cannot change size of multilineinput with emoji plugin

Hi !
I am trying to integrate emoji in my chat page using emoji plugin, and when I attribute the ID in the multilineinput element, I cannot change the height of it, need help!!
Thanks!

Play with the parent group container of the emoji picker.
Multiline input should be set to 100%, but you play with the parent group and the multiline will fit the parent group container. you can add one just for this multiline input if needed

the element fit only the width of the parent group element but not the height, maybe there is a way to make it not 100%?

Add css to html element or page header

<style>
.emojionearea.bubble-element.MultiLineInput {
    height: 100% !important;
}
</style>

And continue to use parent to set height.
Or, you can change height to px like 50px in this css