diff --git a/frontend/src/components/input/Reactions.vue b/frontend/src/components/input/Reactions.vue
index bc33d7d32..335d3a674 100644
--- a/frontend/src/components/input/Reactions.vue
+++ b/frontend/src/components/input/Reactions.vue
@@ -11,6 +11,7 @@ import {nextTick, onBeforeUnmount, onMounted, ref} from 'vue'
 import CustomTransition from '@/components/misc/CustomTransition.vue'
 import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside'
 import {useAuthStore} from '@/stores/auth'
+import {useColorScheme} from '@/composables/useColorScheme'
 
 const {
 	entityKind,
@@ -23,6 +24,7 @@ const {
 const authStore = useAuthStore()
 const {t} = useI18n()
 const reactionService = new ReactionService()
+const {isDark} = useColorScheme()
 
 const model = defineModel<IReactionPerEntity>()
 
@@ -157,6 +159,7 @@ async function toggleReaction(value: string) {
 				@emojiClick="detail => addReaction(detail.unicode)"
 				ref="emojiPickerRef"
 				data-source="/emojis.json"
+				:is-dark="isDark"
 			/>
 		</CustomTransition>
 	</div>