diff --git a/web/src/index.css b/web/src/index.css
index 5c9fb49..d3ab49d 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -90,6 +90,9 @@
 	--timeline-horizontal-padding: 1.5rem;
 	--timeline-status-size: 4rem;
 
+	--image-picker-width: 22rem;
+	--image-picker-height: 34rem;
+
 	@media screen and (max-width: 45rem) {
 		--timeline-horizontal-padding: .5rem;
 		--timeline-status-size: 2.25rem;
diff --git a/web/src/ui/emojipicker/EmojiPicker.css b/web/src/ui/emojipicker/EmojiPicker.css
index 87ae66b..45c693e 100644
--- a/web/src/ui/emojipicker/EmojiPicker.css
+++ b/web/src/ui/emojipicker/EmojiPicker.css
@@ -1,8 +1,8 @@
 div.emoji-picker, div.sticker-picker, div.gif-picker {
 	position: fixed;
 	background-color: var(--background-color);
-	width: 22rem;
-	height: 34rem;
+	width: var(--image-picker-width);
+	height: var(--image-picker-height);
 	border-radius: 1rem;
 	border: 1px solid var(--border-color);
 	display: flex;