diff --git a/web/src/ui/emojipicker/EmojiGroup.tsx b/web/src/ui/emojipicker/EmojiGroup.tsx
index db7a10c..da3ed3a 100644
--- a/web/src/ui/emojipicker/EmojiGroup.tsx
+++ b/web/src/ui/emojipicker/EmojiGroup.tsx
@@ -98,7 +98,7 @@ export const EmojiGroup = ({
 		style={{ containIntrinsicHeight: `${1.5 + Math.ceil(emojis.length / itemsPerRow) * rowSize}rem` }}
 	>
 		<h4 className="emoji-category-name">
-			{categoryName}
+			<span title={categoryName}>{categoryName}</span>
 			{pack && <button
 				className="emoji-category-add"
 				onClick={isWatched ? onClickUnsubscribePack : onClickSubscribePack}
diff --git a/web/src/ui/emojipicker/EmojiPicker.css b/web/src/ui/emojipicker/EmojiPicker.css
index bb81032..eaab885 100644
--- a/web/src/ui/emojipicker/EmojiPicker.css
+++ b/web/src/ui/emojipicker/EmojiPicker.css
@@ -166,6 +166,13 @@ div.emoji-picker, div.sticker-picker {
 		display: flex;
 		align-items: center;
 
+		> span {
+			flex: 1;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+
 		> button {
 			margin-left: .25rem;
 			font-size: .8rem;