diff --git a/web/src/index.css b/web/src/index.css
index d3ab49d..2d31eca 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -92,6 +92,7 @@
 
 	--image-picker-width: 22rem;
 	--image-picker-height: 34rem;
+	--image-picker-category-rows: 3;
 
 	@media screen and (max-width: 45rem) {
 		--timeline-horizontal-padding: .5rem;
diff --git a/web/src/ui/emojipicker/EmojiPicker.css b/web/src/ui/emojipicker/EmojiPicker.css
index 45c693e..a8e72ac 100644
--- a/web/src/ui/emojipicker/EmojiPicker.css
+++ b/web/src/ui/emojipicker/EmojiPicker.css
@@ -80,6 +80,8 @@ div.emoji-picker, div.sticker-picker {
 		flex-wrap: wrap;
 		padding-top: .5rem;
 		border-bottom: 1px solid var(--border-color);
+		max-height: calc(.5rem + 2.5rem * var(--image-picker-category-rows));
+		overflow: auto;
 
 		> button {
 			padding-top: .25rem;