fix: fix lint

Author: astandrik

src/containers/Tenant/Diagnostics/TopQueries/QueryDetails.scss

@@ -3,19 +3,22 @@
 .kv-query-details {
     display: flex;
     flex-direction: column;
+
     height: 100%;
-    background-color: var(--g-color-base-background-dark);
-    color: var(--g-color-text-primary-invert);
     padding: var(--g-spacing-5) var(--g-spacing-6);
 
+    color: var(--g-color-text-primary-invert);
+    background-color: var(--g-color-base-background-dark);
+
     &__header {
         display: flex;
-        align-items: center;
         justify-content: space-between;
+        align-items: center;
     }
 
     &__title {
         margin: 0;
+
         font-size: 16px;
         font-weight: 500;
     }
@@ -26,9 +29,10 @@
     }
 
     &__content {
+        overflow: auto;
         flex: 1;
+
         padding-top: var(--g-spacing-5);
-        overflow: auto;
     }
 
     &__query-section {
@@ -39,6 +43,7 @@
         display: flex;
         justify-content: space-between;
         align-items: center;
+
         margin-bottom: 12px;
     }
 
@@ -48,14 +53,17 @@
     }
 
     &__query-content {
-        background-color: #1e1e1e;
-        border-radius: 4px;
-        overflow: hidden;
         position: relative;
 
+        overflow: hidden;
+
+        border-radius: 4px;
+        background-color: var(--code-background-color);
+
         pre {
-            margin: 0 !important;
             max-height: 100%;
+            margin: 0 !important;
+
             background-color: transparent !important;
         }
     }
@@ -72,6 +80,7 @@
         display: flex;
         align-items: center;
         gap: 6px;
+
         color: var(--g-color-text-secondary-invert);
 
         &:hover {

src/containers/Tenant/Diagnostics/TopQueries/TopQueries.scss

@@ -35,9 +35,10 @@
 
     &__drawer-item {
         z-index: 4;
+
+        height: calc(100% + var(--g-spacing-4));
         // Because of tabs padding it is needed to move drawer item a little higher
         // to make it stick to bottom of tabs
         margin-top: calc(-1 * var(--g-spacing-4));
-        height: calc(100% + var(--g-spacing-4));
     }
 }