1 files changed, 13 insertions, 3 deletions
diff --git a/app/assets/javascripts/emoji/components/picker.vue b/app/assets/javascripts/emoji/components/picker.vue
index dc3eac0cd0c..686b5ffff9e 100644
--- a/app/assets/javascripts/emoji/components/picker.vue
+++ b/app/assets/javascripts/emoji/components/picker.vue
@@ -28,6 +28,16 @@ export default {
       required: false,
       default: () => [],
     },
+    right: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+    boundary: {
+      type: String,
+      required: false,
+      default: '',
+    },
   },
   data() {
     return {
@@ -62,7 +72,7 @@ export default {
       addToFrequentlyUsed(name);
     },
     getBoundaryElement() {
-      return document.querySelector('.content-wrapper') || 'scrollParent';
+      return this.boundary || document.querySelector('.content-wrapper') || 'scrollParent';
     },
     onSearchInput() {
       this.$refs.virtualScoller.setScrollTop(0);
@@ -87,7 +97,7 @@ export default {
       menu-class="dropdown-extended-height"
       category="secondary"
       no-flip
-      right
+      :right="right"
       lazy
       @shown="$emit('shown')"
       @hidden="$emit('hidden')"
@@ -115,7 +125,7 @@ export default {
           :aria-label="category.name"
           @click="scrollToCategory(category.name)"
         >
-          <gl-icon :name="category.icon" :size="12" />
+          <gl-icon :name="category.icon" />
         </button>
       </div>
       <emoji-list :search-value="searchValue">