1 files changed, 13 insertions, 1 deletions
diff --git a/app/assets/stylesheets/framework/emojis.scss b/app/assets/stylesheets/framework/emojis.scss
index 358f599e0e9..9b22e4cebb2 100644
--- a/app/assets/stylesheets/framework/emojis.scss
+++ b/app/assets/stylesheets/framework/emojis.scss
@@ -3,10 +3,14 @@ gl-emoji {
   display: inline-flex;
   vertical-align: baseline;
   font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  font-size: 1.2em;
+  line-height: 1;
 
   img {
     width: 1.2em;
     height: 1.2em;
+    position: relative;
+    top: 0.25em;
   }
 }
 
@@ -45,10 +49,18 @@ gl-emoji {
 
 .emoji-picker-category-tab {
   border-bottom-color: transparent;
+
+  &:hover {
+    @include gl-text-gray-900;
+
+    &:not(.emoji-picker-category-active) {
+      @include gl-border-b-gray-200;
+    }
+  }
 }
 
 .emoji-picker-category-active {
-  border-bottom-color: var(--gl-theme-accent, $theme-indigo-500);
+  border-bottom-color: $blue-500;
 }
 
 .emoji-picker .gl-dropdown-inner > :last-child {