diff --git a/src/components/Picker.vue b/src/components/Picker.vue
index b56ab08..863a846 100644
--- a/src/components/Picker.vue
+++ b/src/components/Picker.vue
@@ -110,7 +110,7 @@ import Anchors from './anchors.vue'
 import Category from './category.vue'
 import Preview from './preview.vue'
 import Search from './search.vue'
-import Emoji from './emoji.vue'
+import Emoji from './Emoji.vue'
 import SelectedEmoji from './selectedEmoji.vue'
 
 const I18N = {
diff --git a/src/components/index.js b/src/components/index.js
index 9fe5af8..797d582 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -5,3 +5,4 @@ export { default as Search } from './search.vue'
 export { default as Skins } from './skins.vue'
 export { default as Emoji } from './Emoji.vue'
 export { default as Picker } from './Picker.vue'
+export { default as SelectedEmoji } from './selectedEmoji.vue'
diff --git a/src/components/selectedEmoji.vue b/src/components/selectedEmoji.vue
index a610746..6b7f2b8 100644
--- a/src/components/selectedEmoji.vue
+++ b/src/components/selectedEmoji.vue
@@ -4,7 +4,13 @@
       <h3 class="emoji-mart-category-label">{{ i18n.selected }}</h3>
     </div>
 
-    <emoji :data="data" :emoji="emoji" :size="32" @click="onClick" />
+    <emoji
+      class="emoji-selected"
+      :data="data"
+      :emoji="emoji"
+      :size="32"
+      @click="onClick"
+    />
     <emoji
       @click="onRemove"
       class="emoji-delete"
@@ -16,7 +22,7 @@
 </template>
 
 <script>
-import Emoji from './emoji.vue'
+import Emoji from './Emoji.vue'
 
 export default {
   props: {