From 6f4b490b373631929379c5cf13663bbc936193c6 Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Wed, 8 Jan 2020 12:20:20 +0100
Subject: [PATCH] CSS: Apply highlight color on link, to avoid misalignment

---
 sass/_emoji.scss | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/sass/_emoji.scss b/sass/_emoji.scss
index 9addf7f57..76f149004 100644
--- a/sass/_emoji.scss
+++ b/sass/_emoji.scss
@@ -77,11 +77,7 @@
                         margin: 0;
                         height: 30px;
                         width: 32px;
-
-                        &.selected {
-                            background-color: var(--highlight-color);
-                        }
-                        &.picked {
+                        &.selected a {
                             background-color: var(--highlight-color);
                         }
                         a {
@@ -118,10 +114,7 @@
                             border: 1px var(--chat-head-color) solid;
                             border-bottom: none;
                         }
-                        &.selected {
-                            background-color: var(--highlight-color);
-                        }
-                        &:hover {
+                        &.selected a, &:hover a {
                             background-color: var(--highlight-color);
                         }
                         a {