From 207705bf30c8b3c271b03fb30c4995f625e12237 Mon Sep 17 00:00:00 2001
From: Fedor Indutny <79877362+indutny-signal@users.noreply.github.com>
Date: Fri, 16 Jul 2021 11:04:57 -0700
Subject: [PATCH] Fix background color for hover of "Join" button

---
 stylesheets/components/ConversationHeader.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/stylesheets/components/ConversationHeader.scss b/stylesheets/components/ConversationHeader.scss
index bc14a9db31..459481d41d 100644
--- a/stylesheets/components/ConversationHeader.scss
+++ b/stylesheets/components/ConversationHeader.scss
@@ -278,10 +278,12 @@
     }
 
     &--join-call {
+      $background: $color-accent-green;
+
       @include font-body-1;
       @include rounded-corners;
       align-items: center;
-      background-color: $color-accent-green;
+      background-color: $background;
       color: $color-white;
       display: flex;
       outline: none;
@@ -306,6 +308,12 @@
         min-width: $icon-size;
         width: $icon-size;
       }
+
+      // Override hover state coming from __button above.
+      &:hover,
+      &:focus {
+        background-color: darken($background, 16%);
+      }
     }
   }