diff --git a/src/assets/styles/global.scss b/src/assets/styles/global.scss
index ba291dec..85d9579c 100644
--- a/src/assets/styles/global.scss
+++ b/src/assets/styles/global.scss
@@ -1,4 +1,5 @@
 @import './resets';
+@import './css-color-variables';
 @import 'https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap';
 
 html {
diff --git a/src/assets/styles/mixins.scss b/src/assets/styles/mixins.scss
index c7f87059..643507dd 100644
--- a/src/assets/styles/mixins.scss
+++ b/src/assets/styles/mixins.scss
@@ -143,3 +143,9 @@
     border-radius: $s-1;
   }
 }
+
+@mixin transition($props) {
+  transition-duration: 100ms;
+  transition-property: $props;
+  transition-timing-function: ease-in-out;
+}
diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss
index 372d6c41..0c1593b9 100644
--- a/src/assets/styles/variables.scss
+++ b/src/assets/styles/variables.scss
@@ -1,4 +1,3 @@
-@import './css-color-variables';
 @import './old-colors';
 @import './colors';
 @import './animation';
diff --git a/src/components/Datepicker/datepicker.scss b/src/components/Datepicker/datepicker.scss
index 206b7c42..e1a3f5d1 100644
--- a/src/components/Datepicker/datepicker.scss
+++ b/src/components/Datepicker/datepicker.scss
@@ -62,7 +62,7 @@
     position: absolute;
     right: $s-7;
     top: 50%;
-    color: $text-gray-light;
+    color: $text-gray;
     font-size: $font-12;
     transform: translateY(-50%);
   }
diff --git a/src/components/EmptyState/empty.scss b/src/components/EmptyState/empty.scss
index 55e7d884..793ee433 100644
--- a/src/components/EmptyState/empty.scss
+++ b/src/components/EmptyState/empty.scss
@@ -101,7 +101,7 @@
 .sb-empty-state__router {
   position: relative;
   margin-top: 10px;
-  color: $text-gray-light;
+  color: $text-gray;
   font-size: $font-14;
   font-weight: $font-medium;
   line-height: 20px;
diff --git a/src/components/Menu/MenuGroup.vue b/src/components/Menu/MenuGroup.vue
index 2251e9a2..0667bf14 100644
--- a/src/components/Menu/MenuGroup.vue
+++ b/src/components/Menu/MenuGroup.vue
@@ -1,5 +1,5 @@
 <template>
-  <div role="group" :data-testid="dataTestid">
+  <div role="group" :data-testid="dataTestid" class="sb-menu-group">
     <p
       v-if="title.length"
       :class="computedClasses"
diff --git a/src/components/Menu/menu.scss b/src/components/Menu/menu.scss
index a6aed430..c355bb75 100644
--- a/src/components/Menu/menu.scss
+++ b/src/components/Menu/menu.scss
@@ -83,6 +83,10 @@
 }
 
 .sb-menu-group {
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+
   &__title {
     margin: 0 0 5px;
     padding: 10px;
diff --git a/src/components/Minibrowser/minibrowser.scss b/src/components/Minibrowser/minibrowser.scss
index 0ee9fed0..c951683a 100644
--- a/src/components/Minibrowser/minibrowser.scss
+++ b/src/components/Minibrowser/minibrowser.scss
@@ -105,7 +105,7 @@ $full-height-padding: $general-padding - $padding-full-height-difference;
       display: block;
       overflow: hidden;
       margin-top: 2px;
-      color: $text-gray-light;
+      color: $text-gray;
       font-size: $font-12;
       text-overflow: ellipsis;
       white-space: nowrap;
diff --git a/src/components/Select/components/select-inner.scss b/src/components/Select/components/select-inner.scss
index a5df5035..6333c7fe 100644
--- a/src/components/Select/components/select-inner.scss
+++ b/src/components/Select/components/select-inner.scss
@@ -1,3 +1,3 @@
 .sb-select-inner__chevron-dropdown {
-  border: none;
+  border: 0;
 }
diff --git a/src/components/Select/select.scss b/src/components/Select/select.scss
index 9f17f610..cbb52cb7 100644
--- a/src/components/Select/select.scss
+++ b/src/components/Select/select.scss
@@ -28,7 +28,7 @@
       }
 
       &__chevron {
-        color: $text-gray-light;
+        color: $text-gray;
       }
 
       &__input {
@@ -165,7 +165,7 @@
 
   &__clear {
     padding: 0;
-    color: $text-gray-light;
+    color: $text-gray;
     background-color: transparent;
     border: 0;
     border-radius: 50%;
@@ -342,7 +342,7 @@
       .sb-select-list__item-icon,
       .sb-select-list__item-name,
       .sb-select-list__item-path {
-        color: $text-gray-light;
+        color: $text-gray;
       }
     }
   }
@@ -397,7 +397,7 @@
 .sb-select-list__item-caption {
   display: block;
   margin-top: 2px;
-  color: $text-gray-light;
+  color: $text-gray;
   font-size: $font-12;
 }
 
diff --git a/src/components/Sidebar/sidebar.scss b/src/components/Sidebar/sidebar.scss
index 64c84b8c..43973340 100644
--- a/src/components/Sidebar/sidebar.scss
+++ b/src/components/Sidebar/sidebar.scss
@@ -113,7 +113,7 @@
   width: 100%;
   height: 40%;
   max-height: 200px;
-  background: linear-gradient(transparent 0%, rgba($dark-blue-950, 1) 100%);
+  background: linear-gradient(transparent 0%, rgba(#1b243f, 1) 100%);
   pointer-events: none;
   transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }
diff --git a/src/components/Tag/tag.scss b/src/components/Tag/tag.scss
index fd33129b..c9c2d0b6 100644
--- a/src/components/Tag/tag.scss
+++ b/src/components/Tag/tag.scss
@@ -62,7 +62,7 @@
   }
 
   &--dark-ink {
-    @include setColor($dark-blue-950, $dark-blue-100, $dark-blue-200);
+    @include setColor($white, $dark-blue-950, $dark-blue-800);
   }
 
   .sb-icon {
diff --git a/src/components/TextField/textfield.scss b/src/components/TextField/textfield.scss
index 0d77e33c..93f40103 100644
--- a/src/components/TextField/textfield.scss
+++ b/src/components/TextField/textfield.scss
@@ -122,7 +122,6 @@
     color: $text-dark-blue;
     font-size: $font-14;
     border-radius: $base-border-radius;
-    transition: $base-transition;
 
     &--disabled {
       background: $bg-gray-50;
diff --git a/src/components/Toggle/toggle.scss b/src/components/Toggle/toggle.scss
index ce0c25c8..93dc4dc0 100644
--- a/src/components/Toggle/toggle.scss
+++ b/src/components/Toggle/toggle.scss
@@ -113,6 +113,6 @@ $toggle-padding: 4px;
 
   &--inactive {
     right: $s-1;
-    color: $text-gray-light;
+    color: $text-gray;
   }
 }
diff --git a/src/components/Tooltip/tooltip.scss b/src/components/Tooltip/tooltip.scss
index 77d5154b..90262fd3 100644
--- a/src/components/Tooltip/tooltip.scss
+++ b/src/components/Tooltip/tooltip.scss
@@ -67,7 +67,7 @@
   font-size: $font-12;
   line-height: 15px;
   word-break: break-word;
-  border-radius: 2px;
+  border-radius: $base-border-radius;
   box-shadow: 0 0 2px 1px rgb(0 0 0 / 8%);
 
   &--dark {
diff --git a/stories/Design/Colors/components/ColorTile.vue b/stories/Design/Colors/components/ColorTile.vue
index 1a1e3a70..175bedef 100644
--- a/stories/Design/Colors/components/ColorTile.vue
+++ b/stories/Design/Colors/components/ColorTile.vue
@@ -55,7 +55,7 @@ const shouldShow = computed(() => {
   display: inline-grid;
   flex: 0 0 70px;
   margin-bottom: 20px;
-  color: $text-gray-light;
+  color: $text-gray;
   font-size: $font-14;
 }
 </style>
diff --git a/stories/Design/Typography/typography.scss b/stories/Design/Typography/typography.scss
index 95381533..7f0a1ff6 100644
--- a/stories/Design/Typography/typography.scss
+++ b/stories/Design/Typography/typography.scss
@@ -2,7 +2,7 @@
   &__label {
     display: inline-block;
     margin-bottom: 10px;
-    color: $text-gray-light;
+    color: $text-gray;
     font-size: $font-14;
     font-weight: $font-medium;
   }