From 0dca5ea0242eb5abb15997fe09e35adc19e3ac92 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 9 May 2019 10:51:55 +0300
Subject: [PATCH] SearchBar hover/active styles fixed

---
 src/common/NavBar/SearchBar/styles.less | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/common/NavBar/SearchBar/styles.less b/src/common/NavBar/SearchBar/styles.less
index 87d2c3be5..8e9e74b5f 100644
--- a/src/common/NavBar/SearchBar/styles.less
+++ b/src/common/NavBar/SearchBar/styles.less
@@ -4,9 +4,25 @@
     justify-content: center;
     align-items: stretch;
 
+    &:not(:global(.active)) {
+        .search-label {
+            &:hover {
+                background-color: var(--color-secondary);
+
+                .submit-button {
+                    background-color: var(--color-secondarylight);
+                }
+            }
+        }
+    }
+
     &:global(.active) {
         .search-label {
             background-color: var(--color-background);
+
+            .submit-button {
+                background-color: var(--color-secondarylight);
+            }
         }
     }
 
@@ -16,7 +32,7 @@
         display: flex;
         flex-direction: row;
         align-items: stretch;
-        background-color: var(--color-secondary);
+        background-color: var(--color-secondary60);
 
         .search-input {
             flex: 1;
@@ -35,7 +51,7 @@
             flex-direction: row;
             justify-content: center;
             align-items: center;
-            background-color: var(--color-secondarylight);
+            background-color: var(--color-secondarylight60);
             cursor: pointer;
 
             .submit-icon {