XF 1.5 How to make all custom image smilies smaller size in Smilie Container?

[worrorfight]

When you open the smilie container of custom images in your custom smilie tab, how can you make it so the image size in these containers are small and then when you enter them in the post it goes to it's actual size?

 

[worrorfight]

The source code 'inspect' in google worked and got it to the right size, but I don't see any template in Xenforo to actually edit and save.

The code is this:

.redactor_box .redactor_smilies
.smilieContainer {
max-height: 150px;
overflow: auto;
}

Thinking it's something to do with extra.css, but i'm not sure how to enter the code correctly so the smilie box container becomes 500px height instead of 150px currently.

 

[worrorfight]

Fixed it with the help of @Brad P

The code that works in extra.css is this:

.redactor_box .redactor_smilies
.smilieContainer {
max-height: 300px !important;
overflow: auto;
}

It will increase the height of the smilie box so you can input your custom images nicely, which in my case it's custom images that have 200px size.