fix: hover

Author: astandrik

src/components/QueriesActivityBar/QueriesActivityBar.scss

@@ -30,7 +30,7 @@
         transition: background-color 0.15s ease;
 
         &:hover {
-            background-color: var(--g-color-base-simple-hover);
+            background-color: var(--g-color-base-float-hover);
         }
 
         #{$b}_expanded & {

src/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.scss

@@ -1,33 +1,33 @@
 .tenant-tab-card {
     border-radius: var(--g-border-radius-s);
 
-    &_clickable {
+    &__help-icon {
+        color: var(--g-color-text-hint);
+    }
+
+    &__card-container {
+        padding: var(--g-spacing-4);
+
+        border: 0;
+        border-radius: var(--g-border-radius-s);
+    }
+
+    &__card-container_clickable {
         cursor: pointer;
 
         // Smooth hover transition
         transition: background-color 0.15s ease;
 
         &:hover {
-            background-color: var(--g-color-base-simple-hover);
+            background-color: var(--g-color-base-float-hover);
         }
     }
 
-    &_active {
+    &__card-container_active {
         cursor: default !important;
-        // Active tabs should not have hover background change
-        &.tenant-tab-card_clickable:hover {
+
+        &:hover {
             background-color: transparent;
         }
     }
-
-    &__help-icon {
-        color: var(--g-color-text-hint);
-    }
-
-    &__card-container {
-        padding: var(--g-spacing-4);
-
-        border: 0;
-        border-radius: var(--g-border-radius-s);
-    }
 }

src/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.tsx

@@ -47,9 +47,9 @@ export function TabCard({
     }
 
     return (
-        <div className={b({clickable, active})}>
+        <div className={b({active})}>
             <Card
-                className={b('card-container', {active})}
+                className={b('card-container', {active, clickable})}
                 type="container"
                 view={active ? 'outlined' : 'raised'}
             >