diff --git a/packages/nc-gui/components/general/EmojiPicker.vue b/packages/nc-gui/components/general/EmojiPicker.vue
index fb006c21d5..e99ba070cd 100644
--- a/packages/nc-gui/components/general/EmojiPicker.vue
+++ b/packages/nc-gui/components/general/EmojiPicker.vue
@@ -117,6 +117,7 @@ const showClearButton = computed(() => {
           :show-preview="false"
           color="#40444D"
           :auto-focus="true"
+          class="nc-emoji-picker"
           @select="selectEmoji"
           @click.stop="() => {}"
         >
@@ -141,7 +142,7 @@ const showClearButton = computed(() => {
     @apply pr-22;
   }
 }
-.emoji-mart {
+.nc-emoji-picker.emoji-mart {
   @apply !w-90;
 
   span.emoji-type-native {