diff --git a/package-lock.json b/package-lock.json
index 669d4a0a..f8cfc0e6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,13 +22,13 @@
         "@commitlint/cli": "^19.6.1",
         "@commitlint/config-conventional": "^19.6.0",
         "@doc-tools/transform": "^3.11.0",
-        "@gravity-ui/components": "^3.0.0",
+        "@gravity-ui/components": "^4.0.0-beta.3",
         "@gravity-ui/eslint-config": "^3.3.0",
         "@gravity-ui/icons": "^2.8.1",
         "@gravity-ui/prettier-config": "^1.0.0",
         "@gravity-ui/stylelint-config": "^4.0.1",
         "@gravity-ui/tsconfig": "^1.0.0",
-        "@gravity-ui/uikit": "^6.15.0",
+        "@gravity-ui/uikit": "^7.0.0-beta.5",
         "@playwright/experimental-ct-react": "^1.49.1",
         "@playwright/test": "^1.49.1",
         "@rollup/plugin-commonjs": "^28.0.2",
@@ -80,9 +80,9 @@
       },
       "peerDependencies": {
         "@bem-react/classname": "^1.6.0",
-        "@gravity-ui/components": "^3.0.0",
+        "@gravity-ui/components": "^4.0.0-beta.3",
         "@gravity-ui/icons": "^2.2.0",
-        "@gravity-ui/uikit": "^6.15.0",
+        "@gravity-ui/uikit": "^7.0.0-beta.5",
         "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
         "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
       }
@@ -3184,24 +3184,82 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
+    "node_modules/@floating-ui/core": {
+      "version": "1.6.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
+      "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.9"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.6.13",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
+      "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.6.0",
+        "@floating-ui/utils": "^0.2.9"
+      }
+    },
+    "node_modules/@floating-ui/react": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.27.3.tgz",
+      "integrity": "sha512-CLHnes3ixIFFKVQDdICjel8muhFLOBdQH7fgtHNPY8UbCNqbeKZ262G7K66lGQOUQWWnYocf7ZbUsLJgGfsLHg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.1.2",
+        "@floating-ui/utils": "^0.2.9",
+        "tabbable": "^6.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
+      "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
+      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@gravity-ui/components": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/@gravity-ui/components/-/components-3.7.0.tgz",
-      "integrity": "sha512-cWmVOa6rErZY+F3Ws9zD6vvKlU2nn4eUFzS17R0TlVa4uaIcT2WsPGwAracby/o3Ys1gpSK71AkpW/c8lgcvog==",
+      "version": "4.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@gravity-ui/components/-/components-4.0.0-beta.3.tgz",
+      "integrity": "sha512-4gVF7aG3zW4AvMdxjU8+vWFYttXFddMzpjdHetAzklwvBfRWQAYX3KzV3ASw3s6d4DleLB3jotMtRO4mPUIeXQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@bem-react/classname": "^1.6.0",
         "@gravity-ui/date-utils": "^2.1.0",
-        "@gravity-ui/i18n": "^1.2.0",
-        "@gravity-ui/icons": "^2.8.1",
+        "@gravity-ui/i18n": "^1.7.0",
+        "@gravity-ui/icons": "^2.11.0",
         "lodash": "^4.17.21",
-        "resize-observer-polyfill": "^1.5.1",
-        "universal-cookie": "^6.1.3"
+        "universal-cookie": "^7.2.0"
       },
       "peerDependencies": {
-        "@gravity-ui/uikit": "^6.13.0",
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+        "@gravity-ui/uikit": "^7.0.0-beta.5",
+        "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
       }
     },
     "node_modules/@gravity-ui/date-utils": {
@@ -3259,16 +3317,18 @@
       }
     },
     "node_modules/@gravity-ui/i18n": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/@gravity-ui/i18n/-/i18n-1.5.1.tgz",
-      "integrity": "sha512-ZvaQtRUf4Yl9zi0+SMzjlDeHp9+p5IXkNu2k6RtW04c+RYKA1jX+umeKNwzft4iR3+KxDlpLX2trTFEW6W7HKQ==",
-      "dev": true
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@gravity-ui/i18n/-/i18n-1.7.0.tgz",
+      "integrity": "sha512-jZotOX73lMVARsNZ5L8rquDhyCIcHnX7GwT32m6vrnqy6iKBfBdOuAnAalUbnoVJoasfvYiSyX3kwusetyZgfQ==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@gravity-ui/icons": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/@gravity-ui/icons/-/icons-2.10.0.tgz",
-      "integrity": "sha512-xS0G4+TM7cD2cCKS4wVc01c4lLe/OreKjm4sHwrOtJWH4EawaRbpkuwtgUDcUvY2EryIcI6lgV+8o714m6lcyQ==",
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@gravity-ui/icons/-/icons-2.12.0.tgz",
+      "integrity": "sha512-rwLOMfNq+uxONCdc4y2agNytMrhVroBdl10bo0C5sHfn7ZLIq8UHzXD9vn2a+QujuLaHnqZJ5PWbpSIuzpnvvg==",
       "dev": true,
+      "license": "MIT",
       "peerDependencies": {
         "react": "*"
       },
@@ -3316,31 +3376,31 @@
       "dev": true
     },
     "node_modules/@gravity-ui/uikit": {
-      "version": "6.19.0",
-      "resolved": "https://registry.npmjs.org/@gravity-ui/uikit/-/uikit-6.19.0.tgz",
-      "integrity": "sha512-riIgdot10rawRvp14zlrei8QIfCBGJlCLCuRpQSHbWMclc4cReRC86170NVXwA0dpXBlUt7bnV5tK140LEZDDA==",
+      "version": "7.0.0-beta.5",
+      "resolved": "https://registry.npmjs.org/@gravity-ui/uikit/-/uikit-7.0.0-beta.5.tgz",
+      "integrity": "sha512-XKi1JbQB8VQzfSGYKG+88GCTn2uIef0DTCOc5FouBHfDNhDF6+enKAdVJVc8zMjlVpiEy29hCgrahKINgFyXBw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@bem-react/classname": "^1.6.0",
-        "@gravity-ui/i18n": "^1.3.0",
-        "@gravity-ui/icons": "^2.8.1",
-        "@popperjs/core": "^2.11.8",
+        "@floating-ui/react": "^0.27.3",
+        "@gravity-ui/i18n": "^1.7.0",
+        "@gravity-ui/icons": "^2.12.0",
+        "@tanstack/react-virtual": "^3.11.2",
         "blueimp-md5": "^2.19.0",
-        "focus-trap": "^7.5.4",
         "lodash": "^4.17.21",
-        "rc-slider": "^10.5.0",
+        "rc-slider": "^11.1.8",
         "react-beautiful-dnd": "^13.1.1",
         "react-copy-to-clipboard": "^5.1.0",
-        "react-popper": "^2.3.0",
         "react-transition-group": "^4.4.5",
-        "react-virtualized-auto-sizer": "^1.0.21",
-        "react-window": "^1.8.10",
+        "react-virtualized-auto-sizer": "^1.0.25",
+        "react-window": "^1.8.11",
         "tabbable": "^6.2.0",
-        "tslib": "^2.6.2"
+        "tslib": "^2.8.1"
       },
       "peerDependencies": {
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
     "node_modules/@hapi/hoek": {
@@ -5951,16 +6011,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
     "node_modules/@rollup/plugin-commonjs": {
       "version": "28.0.2",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.2.tgz",
@@ -8970,6 +9020,35 @@
         "@swc/counter": "^0.1.3"
       }
     },
+    "node_modules/@tanstack/react-virtual": {
+      "version": "3.11.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.11.2.tgz",
+      "integrity": "sha512-OuFzMXPF4+xZgx8UzJha0AieuMihhhaWG0tCqpp6tDzlFwOmNBPYMuLOtMJ1Tr4pXLHmgjcWhG6RlknY2oNTdQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.11.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.11.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.11.2.tgz",
+      "integrity": "sha512-vTtpNt7mKCiZ1pwU9hfKPhpdVO2sVzFQsxoVBGtOSHxlrRRzYr8iQ2TlwbAcRYCcEiZ9ECAM8kBzH0v2+VzfKw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@testing-library/dom": {
       "version": "10.4.0",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz",
@@ -9231,7 +9310,8 @@
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
       "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@types/doctrine": {
       "version": "0.0.9",
@@ -9306,10 +9386,11 @@
       }
     },
     "node_modules/@types/hoist-non-react-statics": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz",
-      "integrity": "sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==",
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.6.tgz",
+      "integrity": "sha512-lPByRJUer/iN/xa4qpyL0qmL11DqNW81iU/IG1S3uvRUq4oKagz8VCxZjiWkumgt66YT3vOdDgZ0o32sGKtCEw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/react": "*",
         "hoist-non-react-statics": "^3.3.0"
@@ -9455,10 +9536,11 @@
       }
     },
     "node_modules/@types/react-redux": {
-      "version": "7.1.33",
-      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.33.tgz",
-      "integrity": "sha512-NF8m5AjWCkert+fosDsN3hAlHzpjSiXlVy9EgQEmLoBhaNXbmyeGs/aj5dQzKuF+/q+S7JQagorGDW8pJ28Hmg==",
+      "version": "7.1.34",
+      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.34.tgz",
+      "integrity": "sha512-GdFaVjEbYv4Fthm2ZLvj1VSCedV7TqE5y1kNwnjSdBOTXuRSgowux6J8TAct15T3CKBr63UMk+2CO7ilRhyrAQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/hoist-non-react-statics": "^3.3.0",
         "@types/react": "*",
@@ -11212,7 +11294,8 @@
       "version": "2.19.0",
       "resolved": "https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.19.0.tgz",
       "integrity": "sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/boolbase": {
       "version": "1.0.0",
@@ -11614,7 +11697,8 @@
       "version": "2.5.1",
       "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
       "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/clean-css": {
       "version": "5.3.3",
@@ -11817,10 +11901,11 @@
       "dev": true
     },
     "node_modules/cookie": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
-      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -11830,6 +11915,7 @@
       "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
       "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "toggle-selection": "^1.0.6"
       }
@@ -12225,6 +12311,7 @@
       "resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz",
       "integrity": "sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "tiny-invariant": "^1.0.6"
       }
@@ -14804,15 +14891,6 @@
       "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
       "dev": true
     },
-    "node_modules/focus-trap": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.4.tgz",
-      "integrity": "sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==",
-      "dev": true,
-      "dependencies": {
-        "tabbable": "^6.2.0"
-      }
-    },
     "node_modules/follow-redirects": {
       "version": "1.15.6",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
@@ -15661,6 +15739,7 @@
       "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
       "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "react-is": "^16.7.0"
       }
@@ -15669,7 +15748,8 @@
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/homedir-polyfill": {
       "version": "1.0.3",
@@ -21388,7 +21468,8 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
       "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/memoizerific": {
       "version": "1.11.3",
@@ -23562,7 +23643,8 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz",
       "integrity": "sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/ramda": {
       "version": "0.29.0",
@@ -23594,10 +23676,11 @@
       }
     },
     "node_modules/rc-slider": {
-      "version": "10.6.2",
-      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-10.6.2.tgz",
-      "integrity": "sha512-FjkoFjyvUQWcBo1F3RgSglky3ar0+qHLM41PlFVYB4Bj3RD8E/Mv7kqMouLFBU+3aFglMzzctAIWRwajEuueSw==",
+      "version": "11.1.8",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-11.1.8.tgz",
+      "integrity": "sha512-2gg/72YFSpKP+Ja5AjC5DPL1YnV8DEITDQrcc1eASrUYjl0esptaBVJBh5nLTXCCp15eD8EuGjwezVGSHhs9tQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.5",
@@ -23612,10 +23695,11 @@
       }
     },
     "node_modules/rc-util": {
-      "version": "5.43.0",
-      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.43.0.tgz",
-      "integrity": "sha512-AzC7KKOXFqAdIBqdGWepL9Xn7cm3vnAmjlHqUnoQaTMZYhM4VlXGLkkHHxj/BZ7Td0+SOPKB4RGPboBVKT9htw==",
+      "version": "5.44.3",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.3.tgz",
+      "integrity": "sha512-q6KCcOFk3rv/zD3MckhJteZxb0VjAIFuf622B7ElK4vfrZdAzs16XR5p3VTdy3+U5jfJU5ACz4QnhLSuAGe5dA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.18.3",
         "react-is": "^18.2.0"
@@ -23629,7 +23713,8 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
       "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/react": {
       "version": "18.3.1",
@@ -23646,7 +23731,9 @@
       "version": "13.1.1",
       "resolved": "https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.1.1.tgz",
       "integrity": "sha512-0Lvs4tq2VcrEjEgDXHjT98r+63drkKEgqyxdA7qD3mvKwga6a5SscbdLPO2IExotU1jW8L0Ksdl0Cj2AF67nPQ==",
+      "deprecated": "react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "@babel/runtime": "^7.9.2",
         "css-box-model": "^1.2.0",
@@ -23682,6 +23769,7 @@
       "resolved": "https://registry.npmjs.org/react-copy-to-clipboard/-/react-copy-to-clipboard-5.1.0.tgz",
       "integrity": "sha512-k61RsNgAayIJNoy9yDsYzDe/yAZAzEbEgcz3DZMhF686LEyukcE1hzurxe85JandPUG+yTfGVFzuEw3xt8WP/A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "copy-to-clipboard": "^3.3.1",
         "prop-types": "^15.8.1"
@@ -23741,38 +23829,18 @@
         "react": "^18.3.1"
       }
     },
-    "node_modules/react-fast-compare": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
-      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
-      "dev": true
-    },
     "node_modules/react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
       "dev": true
     },
-    "node_modules/react-popper": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz",
-      "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==",
-      "dev": true,
-      "dependencies": {
-        "react-fast-compare": "^3.0.1",
-        "warning": "^4.0.2"
-      },
-      "peerDependencies": {
-        "@popperjs/core": "^2.0.0",
-        "react": "^16.8.0 || ^17 || ^18",
-        "react-dom": "^16.8.0 || ^17 || ^18"
-      }
-    },
     "node_modules/react-redux": {
       "version": "7.2.9",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz",
       "integrity": "sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.15.4",
         "@types/react-redux": "^7.1.20",
@@ -23819,20 +23887,22 @@
       }
     },
     "node_modules/react-virtualized-auto-sizer": {
-      "version": "1.0.24",
-      "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.24.tgz",
-      "integrity": "sha512-3kCn7N9NEb3FlvJrSHWGQ4iVl+ydQObq2fHMn12i5wbtm74zHOPhz/i64OL3c1S1vi9i2GXtZqNqUJTQ+BnNfg==",
+      "version": "1.0.25",
+      "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.25.tgz",
+      "integrity": "sha512-YHsksEGDfsHbHuaBVDYwJmcktblcHGafz4ZVuYPQYuSHMUGjpwmUCrAOcvMSGMwwk1eFWj1M/1GwYpNPuyhaBg==",
       "dev": true,
+      "license": "MIT",
       "peerDependencies": {
-        "react": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0",
-        "react-dom": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0"
+        "react": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
     "node_modules/react-window": {
-      "version": "1.8.10",
-      "resolved": "https://registry.npmjs.org/react-window/-/react-window-1.8.10.tgz",
-      "integrity": "sha512-Y0Cx+dnU6NLa5/EvoHukUD0BklJ8qITCtVEPY1C/nL8wwoZ0b5aEw8Ff1dOVHw7fCzMt55XfJDd8S8W8LCaUCg==",
+      "version": "1.8.11",
+      "resolved": "https://registry.npmjs.org/react-window/-/react-window-1.8.11.tgz",
+      "integrity": "sha512-+SRbUVT2scadgFSWx+R1P754xHPEqvcfSfVX10QYg6POOz+WNgkN48pS+BtZNIMGiL1HYrSEiCkwsMS15QogEQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.0.0",
         "memoize-one": ">=3.1.1 <6"
@@ -23841,8 +23911,8 @@
         "node": ">8.0.0"
       },
       "peerDependencies": {
-        "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
+        "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
     "node_modules/read-pkg": {
@@ -23945,6 +24015,7 @@
       "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
       "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.9.2"
       }
@@ -24238,12 +24309,6 @@
       "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
       "dev": true
     },
-    "node_modules/resize-observer-polyfill": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
-      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
-      "dev": true
-    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -26378,7 +26443,8 @@
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
       "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/table": {
       "version": "6.8.2",
@@ -26706,7 +26772,8 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
       "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/tr46": {
       "version": "0.0.3",
@@ -27174,13 +27241,14 @@
       }
     },
     "node_modules/universal-cookie": {
-      "version": "6.1.3",
-      "resolved": "https://registry.npmjs.org/universal-cookie/-/universal-cookie-6.1.3.tgz",
-      "integrity": "sha512-AETYRrhpRgl9T1YtnODmQE32G81U3A+f3HO3ZeK7efbXqe3x+RNOW4RTpV0iff7zJWhGYJA6EI0Mm+w50aFTAw==",
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/universal-cookie/-/universal-cookie-7.2.2.tgz",
+      "integrity": "sha512-fMiOcS3TmzP2x5QV26pIH3mvhexLIT0HmPa3V7Q7knRfT9HG6kTwq02HZGLPw0sAOXrAmotElGRvTLCMbJsvxQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/cookie": "^0.6.0",
-        "cookie": "^0.6.0"
+        "cookie": "^0.7.2"
       }
     },
     "node_modules/universalify": {
@@ -27272,6 +27340,7 @@
       "resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.3.tgz",
       "integrity": "sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==",
       "dev": true,
+      "license": "MIT",
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
@@ -28044,15 +28113,6 @@
         "makeerror": "1.0.12"
       }
     },
-    "node_modules/warning": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
-      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
-      "dev": true,
-      "dependencies": {
-        "loose-envify": "^1.0.0"
-      }
-    },
     "node_modules/watchpack": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz",
diff --git a/package.json b/package.json
index f4f492d0..3701f4a1 100644
--- a/package.json
+++ b/package.json
@@ -52,13 +52,13 @@
     "@commitlint/cli": "^19.6.1",
     "@commitlint/config-conventional": "^19.6.0",
     "@doc-tools/transform": "^3.11.0",
-    "@gravity-ui/components": "^3.0.0",
+    "@gravity-ui/components": "^4.0.0-beta.3",
     "@gravity-ui/eslint-config": "^3.3.0",
     "@gravity-ui/icons": "^2.8.1",
     "@gravity-ui/prettier-config": "^1.0.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^6.15.0",
+    "@gravity-ui/uikit": "^7.0.0-beta.5",
     "@playwright/experimental-ct-react": "^1.49.1",
     "@playwright/test": "^1.49.1",
     "@rollup/plugin-commonjs": "^28.0.2",
@@ -110,9 +110,9 @@
   },
   "peerDependencies": {
     "@bem-react/classname": "^1.6.0",
-    "@gravity-ui/components": "^3.0.0",
+    "@gravity-ui/components": "^4.0.0-beta.3",
     "@gravity-ui/icons": "^2.2.0",
-    "@gravity-ui/uikit": "^6.15.0",
+    "@gravity-ui/uikit": "^7.0.0-beta.5",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
diff --git a/src/components/ActionBar/Group/ActionBarGroup.scss b/src/components/ActionBar/Group/ActionBarGroup.scss
index 57a64628..601556be 100644
--- a/src/components/ActionBar/Group/ActionBarGroup.scss
+++ b/src/components/ActionBar/Group/ActionBarGroup.scss
@@ -10,6 +10,8 @@ $block: '.#{variables.$ns}action-bar-group';
     flex-flow: row nowrap;
     align-items: center;
     justify-content: flex-start;
+    flex-grow: 1;
+
     margin: 0;
     padding: 0;
 }
diff --git a/src/components/ActionBar/README.md b/src/components/ActionBar/README.md
index 21757ccf..37005ac9 100644
--- a/src/components/ActionBar/README.md
+++ b/src/components/ActionBar/README.md
@@ -12,13 +12,13 @@ function Page() {
   return (
     <ActionBar aria-label="Actions bar">
       <ActionBar.Section>
-        <ActionBar.Group>
+        <ActionBar.Group pull="left">
           <ActionBar.Item>
-            <Breadcrumbs
-              lastDisplayedItemsCount={1}
-              firstDisplayedItemsCount={1}
-              items={[{text: 'Root Item', action() {}}]}
-            />
+            <Breadcrumbs showRoot={true} onAction={(id) => alert(id)}>
+              <Breadcrumbs.Item href="/" key="1">
+                Root Item
+              </Breadcrumbs.Item>
+            </Breadcrumbs>
           </ActionBar.Item>
         </ActionBar.Group>
 
@@ -74,14 +74,14 @@ import {ActionBar} from '@gravity-ui/navigation';
   <ActionBar.Section type="primary">
     <ActionBar.Group>
       <ActionBar.Item>
-        <Breadcrumbs
-          lastDisplayedItemsCount={1}
-          firstDisplayedItemsCount={1}
-          items={[
-            {text: 'Wiki Main Page', action() {}},
-            {text: 'Wiki Article', action() {}},
-          ]}
-        />
+        <Breadcrumbs onAction={(id) => alert(id)}>
+          <Breadcrumbs.Item href="/" key="1">
+            Wiki Main Page
+          </Breadcrumbs.Item>
+          <Breadcrumbs.Item href="/" key="2">
+            Wiki Article
+          </Breadcrumbs.Item>
+        </Breadcrumbs>
       </ActionBar.Item>
     </ActionBar.Group>
   </ActionBar.Section>
@@ -106,7 +106,7 @@ Group few `ActionBar.Item`.
 
 #### `pull`
 
-Move group to `left`, `right` or `center`.
+Move group to `left`, `left-grow`, `right`, `right-grow` or `center`, `center-grow`.
 
 #### `className`
 
diff --git a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-dark-chromium-linux.png b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-dark-chromium-linux.png
index f3ef7b2a..f981c555 100644
Binary files a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-dark-chromium-linux.png and b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-dark-chromium-linux.png differ
diff --git a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-dark-webkit-linux.png b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-dark-webkit-linux.png
index f143ccba..5fc28842 100644
Binary files a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-dark-webkit-linux.png and b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-dark-webkit-linux.png differ
diff --git a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-light-chromium-linux.png b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-light-chromium-linux.png
index e13076db..5f864b60 100644
Binary files a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-light-chromium-linux.png and b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-light-chromium-linux.png differ
diff --git a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-light-webkit-linux.png b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-light-webkit-linux.png
index 79e4e1de..72c2d2b6 100644
Binary files a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-light-webkit-linux.png and b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-Showcase-light-webkit-linux.png differ
diff --git a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-dark-chromium-linux.png b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-dark-chromium-linux.png
index 6c4d7eea..83c01f64 100644
Binary files a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-dark-chromium-linux.png and b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-dark-chromium-linux.png differ
diff --git a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-dark-webkit-linux.png b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-dark-webkit-linux.png
index a2099941..80435e69 100644
Binary files a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-dark-webkit-linux.png and b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-dark-webkit-linux.png differ
diff --git a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-light-chromium-linux.png b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-light-chromium-linux.png
index cbc19fe1..7f9b62d1 100644
Binary files a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-light-chromium-linux.png and b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-light-chromium-linux.png differ
diff --git a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-light-webkit-linux.png b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-light-webkit-linux.png
index b280e417..b6224e46 100644
Binary files a/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-light-webkit-linux.png and b/src/components/ActionBar/__snapshots__/ActionBar.visual.test.tsx-snapshots/ActionBar-render-story-SingleSection-light-webkit-linux.png differ
diff --git a/src/components/ActionBar/__stories__/ActionBarShowcase.tsx b/src/components/ActionBar/__stories__/ActionBarShowcase.tsx
index 1c5b8c26..04c6757a 100644
--- a/src/components/ActionBar/__stories__/ActionBarShowcase.tsx
+++ b/src/components/ActionBar/__stories__/ActionBarShowcase.tsx
@@ -25,17 +25,15 @@ export function ActionBarShowcase() {
                 </ActionBar.Group>
             </ActionBar.Section>
             <ActionBar.Section type="primary">
-                <ActionBar.Group pull="left">
-                    <ActionBar.Item>
-                        <Breadcrumbs
-                            lastDisplayedItemsCount={1}
-                            items={[
-                                {text: 'Projects', action() {}},
-                                {text: '@gravity-ui', action() {}},
-                                {text: 'navigation', action() {}},
-                            ]}
-                            firstDisplayedItemsCount={1}
-                        />
+                <ActionBar.Group pull="left-grow">
+                    <ActionBar.Item pull="left-grow">
+                        <Breadcrumbs showRoot={true} onAction={(id) => alert(id)}>
+                            <Breadcrumbs.Item href="/" key="1">
+                                Projects
+                            </Breadcrumbs.Item>
+                            <Breadcrumbs.Item key="2">@gravity-ui</Breadcrumbs.Item>
+                            <Breadcrumbs.Item key="3">navigation</Breadcrumbs.Item>
+                        </Breadcrumbs>
                     </ActionBar.Item>
                 </ActionBar.Group>
 
diff --git a/src/components/ActionBar/__stories__/ActionBarSingleSection.tsx b/src/components/ActionBar/__stories__/ActionBarSingleSection.tsx
index eaf73c71..e3b16d21 100644
--- a/src/components/ActionBar/__stories__/ActionBarSingleSection.tsx
+++ b/src/components/ActionBar/__stories__/ActionBarSingleSection.tsx
@@ -8,16 +8,16 @@ export function ActionBarSingleSection() {
     return (
         <ActionBar>
             <ActionBar.Section type="primary">
-                <ActionBar.Group>
-                    <ActionBar.Item>
-                        <Breadcrumbs
-                            lastDisplayedItemsCount={1}
-                            items={[
-                                {text: 'Devtools Support', action() {}},
-                                {text: 'DEVTOOLSSUPPORT-21001', action() {}},
-                            ]}
-                            firstDisplayedItemsCount={1}
-                        />
+                <ActionBar.Group pull="left">
+                    <ActionBar.Item pull="left-grow">
+                        <Breadcrumbs showRoot={true} onAction={(id) => alert(id)}>
+                            <Breadcrumbs.Item href="/" key="1">
+                                Devtools Support
+                            </Breadcrumbs.Item>
+                            <Breadcrumbs.Item href="/" key="2">
+                                DEVTOOLSSUPPORT-21001
+                            </Breadcrumbs.Item>
+                        </Breadcrumbs>
                     </ActionBar.Item>
 
                     <ActionBar.Item spacing={false}>
diff --git a/src/components/ActionBar/mixins/pull.scss b/src/components/ActionBar/mixins/pull.scss
index c6f34802..f1c1e46a 100644
--- a/src/components/ActionBar/mixins/pull.scss
+++ b/src/components/ActionBar/mixins/pull.scss
@@ -3,6 +3,7 @@
         left: 0;
         right: auto;
     }
+    justify-content: flex-start;
 }
 
 @mixin right {
@@ -10,6 +11,7 @@
         left: auto;
         right: 0;
     }
+    justify-content: flex-end;
 }
 
 @mixin center {
@@ -17,18 +19,31 @@
         left: auto;
         right: auto;
     }
+    justify-content: center;
 }
 
 @mixin modifiers {
     &_pull_left {
         @include left;
+
+        &-grow {
+            flex-grow: 1;
+        }
     }
 
     &_pull_right {
         @include right;
+
+        &-grow {
+            flex-grow: 1;
+        }
     }
 
     &_pull_center {
         @include center;
+
+        &-grow {
+            flex-grow: 1;
+        }
     }
 }
diff --git a/src/components/ActionBar/types.ts b/src/components/ActionBar/types.ts
index e3cad8e9..9899737e 100644
--- a/src/components/ActionBar/types.ts
+++ b/src/components/ActionBar/types.ts
@@ -1,3 +1,3 @@
 export type PropsWithPull<T> = T & {
-    pull?: 'left' | 'right' | 'center';
+    pull?: 'left' | 'left-grow' | 'right' | 'right-grow' | 'center' | 'center-grow';
 };
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-dark-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-dark-chromium-linux.png
index 745c94fa..61701d21 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-dark-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-dark-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-dark-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-dark-webkit-linux.png
index af3ae7a0..96cc86cb 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-dark-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-dark-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-light-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-light-chromium-linux.png
index a73313f2..6c5b170e 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-light-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-light-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-light-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-light-webkit-linux.png
index e3ba9732..9bd81ac1 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-light-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-AdvancedUsage-light-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-dark-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-dark-chromium-linux.png
index ba13c0dc..95063da4 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-dark-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-dark-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-dark-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-dark-webkit-linux.png
index 9f4dbc1b..3e487407 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-dark-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-dark-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-light-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-light-chromium-linux.png
index be644ebe..839b124a 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-light-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-light-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-light-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-light-webkit-linux.png
index f2ce26b6..a01692d8 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-light-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Compact-light-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-dark-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-dark-chromium-linux.png
index 06076cd9..99e7e8e3 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-dark-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-dark-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-dark-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-dark-webkit-linux.png
index f4cf844d..d5d4391c 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-dark-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-dark-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-light-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-light-chromium-linux.png
index d1d51c1f..658c3ce3 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-light-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-light-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-light-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-light-webkit-linux.png
index f2c8311f..998c241f 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-light-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomBackground-light-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-dark-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-dark-chromium-linux.png
index 792ea069..d0a4c57d 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-dark-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-dark-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-dark-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-dark-webkit-linux.png
index cfb86999..62b6acdf 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-dark-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-dark-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-light-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-light-chromium-linux.png
index 3a930d20..07f38715 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-light-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-light-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-light-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-light-webkit-linux.png
index 751ad332..348f23ae 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-light-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-CustomTheme-light-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-dark-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-dark-chromium-linux.png
index bca30049..dea6baaa 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-dark-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-dark-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-dark-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-dark-webkit-linux.png
index acf287b0..e0b37113 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-dark-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-dark-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-light-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-light-chromium-linux.png
index 0127f905..666a7793 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-light-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-light-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-light-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-light-webkit-linux.png
index 29ca390e..af43138a 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-light-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlert-light-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-dark-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-dark-chromium-linux.png
index 7c83cd87..8d94edc0 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-dark-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-dark-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-dark-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-dark-webkit-linux.png
index ca794cb9..1ed5ab8b 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-dark-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-dark-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-light-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-light-chromium-linux.png
index 7b683482..be5e7383 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-light-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-light-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-light-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-light-webkit-linux.png
index 43c4349c..aa0696a4 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-light-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-HeaderAlertCentered-light-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-dark-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-dark-chromium-linux.png
index cf704a24..2c8df82f 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-dark-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-dark-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-dark-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-dark-webkit-linux.png
index cd768f61..a04a791c 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-dark-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-dark-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-light-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-light-chromium-linux.png
index 843f8231..af255a67 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-light-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-light-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-light-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-light-webkit-linux.png
index 9c908d6e..f25f500b 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-light-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-LineClamp-light-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-dark-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-dark-chromium-linux.png
index e5493d41..2ddb6152 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-dark-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-dark-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-dark-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-dark-webkit-linux.png
index 626bcffd..c3b2af43 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-dark-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-dark-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-light-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-light-chromium-linux.png
index 2bca8916..49f75e64 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-light-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-light-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-light-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-light-webkit-linux.png
index dbcfd418..d6c2f20f 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-light-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-MultipleTooltip-light-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-dark-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-dark-chromium-linux.png
index 9f91b68e..9fbbf154 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-dark-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-dark-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-dark-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-dark-webkit-linux.png
index 6ddef2ca..84503f3d 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-dark-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-dark-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-light-chromium-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-light-chromium-linux.png
index 00a942ab..064605f6 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-light-chromium-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-light-chromium-linux.png differ
diff --git a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-light-webkit-linux.png b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-light-webkit-linux.png
index 6218845b..bc05cd6c 100644
Binary files a/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-light-webkit-linux.png and b/src/components/AsideHeader/__snapshots__/AsideHeader.visual.test.tsx-snapshots/AsideHeader-render-story-Showcase-light-webkit-linux.png differ
diff --git a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
index 11d33fb2..1e96c0f4 100644
--- a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
+++ b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
@@ -89,9 +89,6 @@ body {
 
         opacity: 70%;
     }
-    &__popup-content-class-name {
-        border-radius: 16px;
-    }
 }
 
 .composite-bar-showcase__tag {
diff --git a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx
index 444a35db..3fd37af0 100644
--- a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx
+++ b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx
@@ -7,7 +7,7 @@ import {
     Icon,
     Modal,
     Radio,
-    RadioButton,
+    SegmentedRadioGroup,
     eventBroker,
 } from '@gravity-ui/uikit';
 
@@ -127,10 +127,9 @@ export const AsideHeaderShowcase: React.FC<AsideHeaderShowcaseProps> = ({
                         },
                         popupAnchor: ref,
                         popupPlacement: ['right-start'],
-                        popupOffset: [10, 10],
+                        popupOffset: {mainAxis: 10, crossAxis: 10},
                         popupVisible: subheaderPopupVisible,
                         onClosePopup: () => setSubheaderPopupVisible(false),
-                        popupContentClassName: b('popup-content-class-name'),
                         renderPopupContent: () => {
                             return (
                                 <div className={b('settings')}>
@@ -189,7 +188,7 @@ export const AsideHeaderShowcase: React.FC<AsideHeaderShowcaseProps> = ({
                             popupVisible={popupVisible}
                             popupAnchor={asideRef}
                             popupPlacement={['right-end']}
-                            popupOffset={[-20, 10]}
+                            popupOffset={{mainAxis: -20, crossAxis: 10}}
                             onClosePopup={() => setPopupVisible(false)}
                             popupKeepMounted={true}
                             renderPopupContent={() => {
@@ -254,7 +253,7 @@ export const AsideHeaderShowcase: React.FC<AsideHeaderShowcaseProps> = ({
                     return (
                         <div className={b('content')}>
                             <pre>{placeholderText}</pre>
-                            <RadioButton
+                            <SegmentedRadioGroup
                                 value={addonHeaderDecoration}
                                 onChange={(event) => {
                                     setHeaderDecoration(event.target.value);
@@ -262,7 +261,7 @@ export const AsideHeaderShowcase: React.FC<AsideHeaderShowcaseProps> = ({
                             >
                                 <Radio value={BOOLEAN_OPTIONS.No}>No</Radio>
                                 <Radio value={BOOLEAN_OPTIONS.Yes}>Yes</Radio>
-                            </RadioButton>
+                            </SegmentedRadioGroup>
                             <br />
                             <br />
                             <Button onClick={() => setIsModalOpen(true)}>Open Modal</Button>
diff --git a/src/components/CompositeBar/Item/Item.tsx b/src/components/CompositeBar/Item/Item.tsx
index 28cc7959..bf17307f 100644
--- a/src/components/CompositeBar/Item/Item.tsx
+++ b/src/components/CompositeBar/Item/Item.tsx
@@ -21,13 +21,26 @@ const b = block('composite-bar-item');
 
 interface ItemPopup {
     popupVisible?: PopupProps['open'];
+    /**
+     * floating element anchor ref object
+     *
+     * @deprecated Use `popupAnchorElement` instead
+     * */
     popupAnchor?: PopupProps['anchorRef'];
+    popupAnchorElement?: PopupProps['anchorElement'];
     popupPlacement?: PopupProps['placement'];
     popupOffset?: PopupProps['offset'];
     popupKeepMounted?: PopupProps['keepMounted'];
-    popupContentClassName?: PopupProps['contentClassName'];
     renderPopupContent?: () => React.ReactNode;
+    /**
+     * This callback will be called when Escape key pressed on keyboard, or click outside was made
+     * This behaviour could be disabled with `disableEscapeKeyDown`
+     * and `disableOutsideClick` options
+     *
+     * @deprecated Use `onOpenChangePopup` instead
+     */
     onClosePopup?: () => void;
+    onOpenChangePopup?: PopupProps['onOpenChange'];
 }
 
 export interface ItemProps extends ItemPopup {
@@ -66,7 +79,7 @@ function renderItemTitle(item: MenuItem) {
 }
 
 export const defaultPopupPlacement: PopupPlacement = ['right-end'];
-export const defaultPopupOffset: NonNullable<PopupProps['offset']> = [-20, 8];
+export const defaultPopupOffset: NonNullable<PopupProps['offset']> = {mainAxis: -20, crossAxis: 8};
 
 export const Item: React.FC<ItemInnerProps> = (props) => {
     const {
@@ -78,12 +91,13 @@ export const Item: React.FC<ItemInnerProps> = (props) => {
         enableTooltip = true,
         popupVisible = false,
         popupAnchor,
+        popupAnchorElement,
         popupPlacement = defaultPopupPlacement,
         popupOffset = defaultPopupOffset,
         popupKeepMounted,
-        popupContentClassName,
         renderPopupContent,
         onClosePopup,
+        onOpenChangePopup,
         onItemClick,
         onItemClickCapture,
         onCollapseItemClick,
@@ -95,7 +109,7 @@ export const Item: React.FC<ItemInnerProps> = (props) => {
     const [open, toggleOpen] = React.useState<boolean>(false);
 
     const ref = React.useRef<HTMLAnchorElement & HTMLButtonElement>(null);
-    const anchorRef = popupAnchor || ref;
+    const anchorRef = popupAnchorElement ? {current: popupAnchorElement} : popupAnchor || ref;
     const highlightedRef = React.useRef<HTMLDivElement>(null);
 
     const type = item.type || ITEM_TYPE_REGULAR;
@@ -106,20 +120,7 @@ export const Item: React.FC<ItemInnerProps> = (props) => {
     const iconQa = item.iconQa;
     const collapsedItem = item.id === COLLAPSE_ITEM_ID;
 
-    const modifiers: Required<PopupProps>['modifiers'] = React.useMemo(
-        () => [
-            {
-                name: 'compact',
-                enabled: true,
-                options: {compact},
-                phase: 'main',
-                fn() {},
-            },
-        ],
-        [compact],
-    );
-
-    const onClose = React.useCallback(
+    const handleClosePopup = React.useCallback(
         (event: MouseEvent | KeyboardEvent) => {
             if (
                 event instanceof MouseEvent &&
@@ -209,14 +210,13 @@ export const Item: React.FC<ItemInnerProps> = (props) => {
                 </Tag>
                 {renderPopupContent && Boolean(anchorRef?.current) && (
                     <Popup
-                        contentClassName={b('popup', popupContentClassName)}
                         open={popupVisible}
                         keepMounted={popupKeepMounted}
                         placement={popupPlacement}
                         offset={popupOffset}
                         anchorRef={anchorRef}
-                        onClose={onClose}
-                        modifiers={modifiers}
+                        onClose={handleClosePopup}
+                        onOpenChange={onOpenChangePopup}
                     >
                         {renderPopupContent()}
                     </Popup>
diff --git a/src/components/CompositeBar/MultipleTooltip/MultipleTooltip.tsx b/src/components/CompositeBar/MultipleTooltip/MultipleTooltip.tsx
index 303e7e66..b7516d01 100644
--- a/src/components/CompositeBar/MultipleTooltip/MultipleTooltip.tsx
+++ b/src/components/CompositeBar/MultipleTooltip/MultipleTooltip.tsx
@@ -12,13 +12,7 @@ import './MultipleTooltip.scss';
 
 const b = block('multiple-tooltip');
 
-const POPUP_OFFSET: PopupProps['offset'] = [-32, 4];
-const POPUP_MODIFIERS: PopupProps['modifiers'] = [
-    {
-        name: 'preventOverflow',
-        enabled: false,
-    },
-];
+const POPUP_OFFSET: PopupProps['offset'] = {mainAxis: -32, crossAxis: 4};
 
 export type MultipleTooltipProps = Pick<PopupProps, 'open' | 'anchorRef' | 'placement'> & {
     items: MenuItem[];
@@ -34,16 +28,8 @@ export const MultipleTooltip: React.FC<MultipleTooltipProps> = ({
     const activeItem = activeIndex === undefined ? null : items[activeIndex];
 
     return (
-        <Popup
-            open={open}
-            anchorRef={anchorRef}
-            placement={placement}
-            offset={POPUP_OFFSET}
-            contentClassName={b(null)}
-            modifiers={POPUP_MODIFIERS}
-            disableLayer
-        >
-            <div className={b('items-container')}>
+        <Popup open={open} anchorRef={anchorRef} placement={placement} offset={POPUP_OFFSET}>
+            <div className={b()}>
                 {items
                     .filter(
                         ({type = 'regular', id}) =>
diff --git a/src/components/Drawer/Drawer.tsx b/src/components/Drawer/Drawer.tsx
index bc954079..9546aef6 100644
--- a/src/components/Drawer/Drawer.tsx
+++ b/src/components/Drawer/Drawer.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Portal, useBodyScrollLock, useForkRef} from '@gravity-ui/uikit';
+import {Portal, useForkRef} from '@gravity-ui/uikit';
 import {CSSTransition, Transition} from 'react-transition-group';
 
 import {block} from '../utils/cn';
@@ -184,7 +184,7 @@ export const Drawer: React.FC<DrawerProps> = ({
     style,
     onVeilClick,
     onEscape,
-    preventScrollBody = true,
+    // preventScrollBody = true,
     hideVeil,
     disablePortal = true,
     keepMounted = false,
@@ -213,7 +213,7 @@ export const Drawer: React.FC<DrawerProps> = ({
         };
     }, [onEscape, someItemVisible]);
 
-    useBodyScrollLock({enabled: preventScrollBody && someItemVisible});
+    // useBodyScrollLock({enabled: preventScrollBody && someItemVisible});
 
     const containerRef = React.useRef<HTMLDivElement>(null);
     const veilRef = React.useRef<HTMLDivElement>(null);
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-dark-chromium-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-dark-chromium-linux.png
index 2655d382..9581e62d 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-dark-chromium-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-dark-chromium-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-dark-webkit-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-dark-webkit-linux.png
index ca0568a2..fbae270a 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-dark-webkit-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-dark-webkit-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-light-chromium-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-light-chromium-linux.png
index 388d4597..9d0ac70f 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-light-chromium-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-light-chromium-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-light-webkit-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-light-webkit-linux.png
index 210fd5a9..940a3bf6 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-light-webkit-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-DisablePortal-light-webkit-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-dark-chromium-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-dark-chromium-linux.png
index 654d5fc0..611edca2 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-dark-chromium-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-dark-chromium-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-dark-webkit-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-dark-webkit-linux.png
index 40efdea0..d6a3071b 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-dark-webkit-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-dark-webkit-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-light-chromium-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-light-chromium-linux.png
index a5e080e2..d899177f 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-light-chromium-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-light-chromium-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-light-webkit-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-light-webkit-linux.png
index 8cc2d878..f5526c99 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-light-webkit-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-HideVeil-light-webkit-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-dark-chromium-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-dark-chromium-linux.png
index fbdf4ddd..fa2a2dfe 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-dark-chromium-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-dark-chromium-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-dark-webkit-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-dark-webkit-linux.png
index 31fd86a2..8f5b7319 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-dark-webkit-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-dark-webkit-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-light-chromium-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-light-chromium-linux.png
index 694dc90b..7e1f1dcf 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-light-chromium-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-light-chromium-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-light-webkit-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-light-webkit-linux.png
index 43cad7da..f7000f43 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-light-webkit-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-ResizableItem-light-webkit-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-dark-chromium-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-dark-chromium-linux.png
index 4c02eb4e..3279efc0 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-dark-chromium-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-dark-chromium-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-dark-webkit-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-dark-webkit-linux.png
index 67a8825a..a7c624a1 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-dark-webkit-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-dark-webkit-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-light-chromium-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-light-chromium-linux.png
index d6ca0a06..5a395adf 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-light-chromium-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-light-chromium-linux.png differ
diff --git a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-light-webkit-linux.png b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-light-webkit-linux.png
index 4f6a2758..2cd3717c 100644
Binary files a/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-light-webkit-linux.png and b/src/components/Drawer/__snapshots__/Drawer.visual.test.tsx-snapshots/DrawerStories-render-story-Showcase-light-webkit-linux.png differ
diff --git a/src/components/Drawer/__stories__/DisablePortal.tsx b/src/components/Drawer/__stories__/DisablePortal.tsx
index 7aca6698..171e28ac 100644
--- a/src/components/Drawer/__stories__/DisablePortal.tsx
+++ b/src/components/Drawer/__stories__/DisablePortal.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Button, Checkbox, RadioButton} from '@gravity-ui/uikit';
+import {Button, Checkbox, SegmentedRadioGroup} from '@gravity-ui/uikit';
 
 import {cn} from '../../utils/cn';
 import {Drawer, DrawerItem} from '../Drawer';
@@ -22,7 +22,7 @@ export function DisablePortalShowcase() {
                 <Button view="action" onClick={() => setVisible((v) => !v)}>
                     {visible ? 'Hide' : 'Show'}
                 </Button>
-                <RadioButton
+                <SegmentedRadioGroup
                     value={direction}
                     options={[
                         {value: 'left', content: 'Left'},
diff --git a/src/components/Drawer/__stories__/DrawerShowcase.tsx b/src/components/Drawer/__stories__/DrawerShowcase.tsx
index 8720ecb1..2194a1fc 100644
--- a/src/components/Drawer/__stories__/DrawerShowcase.tsx
+++ b/src/components/Drawer/__stories__/DrawerShowcase.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Button, RadioButton} from '@gravity-ui/uikit';
+import {Button, SegmentedRadioGroup} from '@gravity-ui/uikit';
 
 import {cn} from '../../utils/cn';
 import {Drawer, DrawerItem, DrawerItemProps} from '../Drawer';
@@ -35,15 +35,15 @@ export function DrawerShowcase() {
                     {visible2 ? 'Hide 2' : 'Show 2'}
                 </Button>
                 &nbsp;&nbsp; Direction: &nbsp;
-                <RadioButton value={direction} onUpdate={setDirection}>
-                    <RadioButton.Option value="left">left</RadioButton.Option>
-                    <RadioButton.Option value="right">right</RadioButton.Option>
-                </RadioButton>
+                <SegmentedRadioGroup value={direction} onUpdate={setDirection}>
+                    <SegmentedRadioGroup.Option value="left">left</SegmentedRadioGroup.Option>
+                    <SegmentedRadioGroup.Option value="right">right</SegmentedRadioGroup.Option>
+                </SegmentedRadioGroup>
                 &nbsp;&nbsp; Direction2: &nbsp;
-                <RadioButton value={direction2} onUpdate={setDirection2}>
-                    <RadioButton.Option value="left">left</RadioButton.Option>
-                    <RadioButton.Option value="right">right</RadioButton.Option>
-                </RadioButton>
+                <SegmentedRadioGroup value={direction2} onUpdate={setDirection2}>
+                    <SegmentedRadioGroup.Option value="left">left</SegmentedRadioGroup.Option>
+                    <SegmentedRadioGroup.Option value="right">right</SegmentedRadioGroup.Option>
+                </SegmentedRadioGroup>
                 <br /> Keep Mounted Drawer: &nbsp;
                 <Button
                     view="action"
diff --git a/src/components/Drawer/__stories__/ResizableItem.tsx b/src/components/Drawer/__stories__/ResizableItem.tsx
index e2aae314..876de3cf 100644
--- a/src/components/Drawer/__stories__/ResizableItem.tsx
+++ b/src/components/Drawer/__stories__/ResizableItem.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Button, Checkbox, RadioButton} from '@gravity-ui/uikit';
+import {Button, Checkbox, SegmentedRadioGroup} from '@gravity-ui/uikit';
 
 import {cn} from '../../utils/cn';
 import {Drawer, DrawerItem} from '../Drawer';
@@ -23,7 +23,7 @@ export function ResizableItemShowcase() {
                 <Button view="action" onClick={() => setVisible((v) => !v)}>
                     {visible ? 'Hide' : 'Show'}
                 </Button>
-                <RadioButton
+                <SegmentedRadioGroup
                     value={direction}
                     options={[
                         {value: 'left', content: 'Left'},
diff --git a/src/components/FooterItem/__snapshots__/FooterItem.visual.test.tsx-snapshots/FooterItem-render-story-Default-dark-webkit-linux.png b/src/components/FooterItem/__snapshots__/FooterItem.visual.test.tsx-snapshots/FooterItem-render-story-Default-dark-webkit-linux.png
index 3cd45ba7..1fb81c3e 100644
Binary files a/src/components/FooterItem/__snapshots__/FooterItem.visual.test.tsx-snapshots/FooterItem-render-story-Default-dark-webkit-linux.png and b/src/components/FooterItem/__snapshots__/FooterItem.visual.test.tsx-snapshots/FooterItem-render-story-Default-dark-webkit-linux.png differ
diff --git a/src/components/FooterItem/__snapshots__/FooterItem.visual.test.tsx-snapshots/FooterItem-render-story-Default-light-webkit-linux.png b/src/components/FooterItem/__snapshots__/FooterItem.visual.test.tsx-snapshots/FooterItem-render-story-Default-light-webkit-linux.png
index 08255684..0db57d67 100644
Binary files a/src/components/FooterItem/__snapshots__/FooterItem.visual.test.tsx-snapshots/FooterItem-render-story-Default-light-webkit-linux.png and b/src/components/FooterItem/__snapshots__/FooterItem.visual.test.tsx-snapshots/FooterItem-render-story-Default-light-webkit-linux.png differ
diff --git a/src/components/HotkeysPanel/__snapshots__/HotkeysPanel.visual.test.tsx-snapshots/HotkeysPanel-render-story-Showcase-dark-webkit-linux.png b/src/components/HotkeysPanel/__snapshots__/HotkeysPanel.visual.test.tsx-snapshots/HotkeysPanel-render-story-Showcase-dark-webkit-linux.png
index 71ad7bfb..8c718671 100644
Binary files a/src/components/HotkeysPanel/__snapshots__/HotkeysPanel.visual.test.tsx-snapshots/HotkeysPanel-render-story-Showcase-dark-webkit-linux.png and b/src/components/HotkeysPanel/__snapshots__/HotkeysPanel.visual.test.tsx-snapshots/HotkeysPanel-render-story-Showcase-dark-webkit-linux.png differ
diff --git a/src/components/HotkeysPanel/__snapshots__/HotkeysPanel.visual.test.tsx-snapshots/HotkeysPanel-render-story-Showcase-light-webkit-linux.png b/src/components/HotkeysPanel/__snapshots__/HotkeysPanel.visual.test.tsx-snapshots/HotkeysPanel-render-story-Showcase-light-webkit-linux.png
index 1450e588..7e5d3c5c 100644
Binary files a/src/components/HotkeysPanel/__snapshots__/HotkeysPanel.visual.test.tsx-snapshots/HotkeysPanel-render-story-Showcase-light-webkit-linux.png and b/src/components/HotkeysPanel/__snapshots__/HotkeysPanel.visual.test.tsx-snapshots/HotkeysPanel-render-story-Showcase-light-webkit-linux.png differ
diff --git a/src/components/Logo/Readme.md b/src/components/Logo/Readme.md
index a51fff95..897c6e68 100644
--- a/src/components/Logo/Readme.md
+++ b/src/components/Logo/Readme.md
@@ -4,8 +4,8 @@ Logo icon is wrapped in UIKit Button, text is wrapped in HTML tag `a` or `div`,
 
 | Name                   | Description                                                                                                                             |                                                                  Type                                                                   |  Default  |
 | :--------------------- | :-------------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------: | :-------: |
-| aria-label             | Value for UIKit Button passing to `extraProps`                                                                                          |                                                                `string`                                                                 |           |
-| aria-labelledby        | Value for UIKit Button passing to `extraProps`                                                                                          |                                                                `string`                                                                 |           |
+| aria-label             | HTML `aria-label` attribute passed to tag `a`                                                                                           |                                                                `string`                                                                 |           |
+| aria-labelledby        | HTML `aria-labelledby` attribute passed to tag `a`                                                                                      |                                                                `string`                                                                 |           |
 | buttonClassName        | HTML `class` for UIKit Button                                                                                                           |                                                                `string`                                                                 |           |
 | buttonWrapperClassName | HTML `class` attribute for UIKit Button wrapper                                                                                         |                                                                `string`                                                                 |           |
 | compact                | Logo view state: `true` shows icon, `false` — icon and text                                                                             |                                                                `boolean`                                                                |           |
diff --git a/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-dark-chromium-linux.png b/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-dark-chromium-linux.png
index 686e67b3..3d145209 100644
Binary files a/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-dark-chromium-linux.png and b/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-dark-chromium-linux.png differ
diff --git a/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-dark-webkit-linux.png b/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-dark-webkit-linux.png
index 42cf24c9..c190242c 100644
Binary files a/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-dark-webkit-linux.png and b/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-dark-webkit-linux.png differ
diff --git a/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-light-chromium-linux.png b/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-light-chromium-linux.png
index 0c308024..df95376d 100644
Binary files a/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-light-chromium-linux.png and b/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-light-chromium-linux.png differ
diff --git a/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-light-webkit-linux.png b/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-light-webkit-linux.png
index c6feedfc..9c3fa898 100644
Binary files a/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-light-webkit-linux.png and b/src/components/MobileHeader/BurgerMenu/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/BurgerMenu-render-story-Showcase-light-webkit-linux.png differ
diff --git a/src/components/MobileHeader/OverlapPanel/OverlapPanel.tsx b/src/components/MobileHeader/OverlapPanel/OverlapPanel.tsx
index ab3d0fa9..318b9759 100644
--- a/src/components/MobileHeader/OverlapPanel/OverlapPanel.tsx
+++ b/src/components/MobileHeader/OverlapPanel/OverlapPanel.tsx
@@ -57,9 +57,7 @@ export const OverlapPanel = ({
                         view="flat"
                         className={b('close')}
                         onClick={onClose}
-                        extraProps={{
-                            'aria-label': closeTitle,
-                        }}
+                        aria-label={closeTitle}
                     >
                         <Icon
                             className={b('icon')}
@@ -83,9 +81,7 @@ export const OverlapPanel = ({
                             view="flat"
                             onClick={action.onClick}
                             className={b('action')}
-                            extraProps={{
-                                'aria-label': action.title,
-                            }}
+                            aria-label={action.title}
                         >
                             <Icon data={action.icon} size={MOBILE_HEADER_ICON_SIZE} />
                         </Button>
diff --git a/src/components/MobileHeader/OverlapPanel/__snapshots__/OverlapPanel.visual.test.tsx-snapshots/OverlapPanel-render-story-Showcase-dark-webkit-linux.png b/src/components/MobileHeader/OverlapPanel/__snapshots__/OverlapPanel.visual.test.tsx-snapshots/OverlapPanel-render-story-Showcase-dark-webkit-linux.png
index 6c86038d..9019bd2a 100644
Binary files a/src/components/MobileHeader/OverlapPanel/__snapshots__/OverlapPanel.visual.test.tsx-snapshots/OverlapPanel-render-story-Showcase-dark-webkit-linux.png and b/src/components/MobileHeader/OverlapPanel/__snapshots__/OverlapPanel.visual.test.tsx-snapshots/OverlapPanel-render-story-Showcase-dark-webkit-linux.png differ
diff --git a/src/components/MobileHeader/OverlapPanel/__snapshots__/OverlapPanel.visual.test.tsx-snapshots/OverlapPanel-render-story-Showcase-light-webkit-linux.png b/src/components/MobileHeader/OverlapPanel/__snapshots__/OverlapPanel.visual.test.tsx-snapshots/OverlapPanel-render-story-Showcase-light-webkit-linux.png
index feb15a50..5d68e880 100644
Binary files a/src/components/MobileHeader/OverlapPanel/__snapshots__/OverlapPanel.visual.test.tsx-snapshots/OverlapPanel-render-story-Showcase-light-webkit-linux.png and b/src/components/MobileHeader/OverlapPanel/__snapshots__/OverlapPanel.visual.test.tsx-snapshots/OverlapPanel-render-story-Showcase-light-webkit-linux.png differ
diff --git a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-chromium-linux.png b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-chromium-linux.png
index 329fca44..8c8bd238 100644
Binary files a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-chromium-linux.png and b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-chromium-linux.png differ
diff --git a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-webkit-linux.png b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-webkit-linux.png
index 2649e2fd..06673b6d 100644
Binary files a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-webkit-linux.png and b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-dark-webkit-linux.png differ
diff --git a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-chromium-linux.png b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-chromium-linux.png
index f4c149f9..5860da06 100644
Binary files a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-chromium-linux.png and b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-chromium-linux.png differ
diff --git a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-webkit-linux.png b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-webkit-linux.png
index 39c86840..f8fff300 100644
Binary files a/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-webkit-linux.png and b/src/components/MobileHeader/__snapshots__/MobileHeader.visual.test.tsx-snapshots/MobileHeader-render-story-Showcase-light-webkit-linux.png differ
diff --git a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-dark-chromium-linux.png b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-dark-chromium-linux.png
index e943b6e3..0af38355 100644
Binary files a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-dark-chromium-linux.png and b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-dark-chromium-linux.png differ
diff --git a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-dark-webkit-linux.png b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-dark-webkit-linux.png
index e09d86c0..6ba5a5cf 100644
Binary files a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-dark-webkit-linux.png and b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-dark-webkit-linux.png differ
diff --git a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-light-chromium-linux.png b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-light-chromium-linux.png
index 96285067..43905580 100644
Binary files a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-light-chromium-linux.png and b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-light-chromium-linux.png differ
diff --git a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-light-webkit-linux.png b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-light-webkit-linux.png
index 9c78f103..3ec1cf6b 100644
Binary files a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-light-webkit-linux.png and b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-Showcase-light-webkit-linux.png differ
diff --git a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-dark-chromium-linux.png b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-dark-chromium-linux.png
index c6430d40..a54b4dd6 100644
Binary files a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-dark-chromium-linux.png and b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-dark-chromium-linux.png differ
diff --git a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-dark-webkit-linux.png b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-dark-webkit-linux.png
index 083f682f..f4c35ef2 100644
Binary files a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-dark-webkit-linux.png and b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-dark-webkit-linux.png differ
diff --git a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-light-chromium-linux.png b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-light-chromium-linux.png
index b3d99f7d..ea698539 100644
Binary files a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-light-chromium-linux.png and b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-light-chromium-linux.png differ
diff --git a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-light-webkit-linux.png b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-light-webkit-linux.png
index 1f7d6e14..e27bd21c 100644
Binary files a/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-light-webkit-linux.png and b/src/components/Settings/__snapshots__/BurgerMenu.visual.test.tsx-snapshots/Settings-render-story-ViewMobile-light-webkit-linux.png differ
diff --git a/src/components/Settings/__stories__/SettingsDemo.tsx b/src/components/Settings/__stories__/SettingsDemo.tsx
index 3b51096a..33cfb8de 100644
--- a/src/components/Settings/__stories__/SettingsDemo.tsx
+++ b/src/components/Settings/__stories__/SettingsDemo.tsx
@@ -1,12 +1,12 @@
 import React, {useReducer} from 'react';
 
-import {HelpPopover} from '@gravity-ui/components';
 import {
     Button,
     Checkbox,
+    HelpMark,
     Link,
     Radio,
-    RadioButton,
+    SegmentedRadioGroup,
     Select,
     Switch,
     useUniqId,
@@ -86,17 +86,17 @@ export const SettingsComponent = React.memo(
                 }}
                 onClose={onClose}
                 renderRightAdornment={({title}) => (
-                    <HelpPopover
+                    <HelpMark
                         content={`Some text for ${title}`}
-                        buttonProps={{
+                        popoverProps={{
                             'aria-label': 'Note',
                         }}
                     />
                 )}
                 renderSectionRightAdornment={({title}) => (
-                    <HelpPopover
+                    <HelpMark
                         content={`Some text for ${title}`}
-                        buttonProps={{
+                        popoverProps={{
                             'aria-label': 'Note',
                         }}
                     />
@@ -166,7 +166,7 @@ export const SettingsComponent = React.memo(
                                     </div>
                                 }
                             >
-                                <RadioButton
+                                <SegmentedRadioGroup
                                     value={settings.vcs}
                                     onChange={(event) => {
                                         handleChange('vcs', event.target.value);
@@ -174,7 +174,7 @@ export const SettingsComponent = React.memo(
                                 >
                                     <Radio value="arc">{'Arc'}</Radio>
                                     <Radio value="svn">{'SVN'}</Radio>
-                                </RadioButton>
+                                </SegmentedRadioGroup>
                             </Settings.Item>
                             <Settings.Item
                                 title="Start from dashboard page"
@@ -214,7 +214,7 @@ export const SettingsComponent = React.memo(
                                     </div>
                                 )}
                             >
-                                <RadioButton
+                                <SegmentedRadioGroup
                                     value={settings.arcanumTheme ?? 'light'}
                                     onChange={(event) => {
                                         handleChange('arcanumTheme', event.target.value);
@@ -224,7 +224,7 @@ export const SettingsComponent = React.memo(
                                     <Radio value="dark">{'Dark'}</Radio>
                                     <Radio value="special">{'Special'}</Radio>
                                     <Radio value="general">{'Inherit from General'}</Radio>
-                                </RadioButton>
+                                </SegmentedRadioGroup>
                             </Settings.Item>
                             <Settings.Item title="Code theme">
                                 <Select
@@ -278,7 +278,7 @@ function renderGeneralSettings(
             <Settings.Page id="appearance" title="Appearance" icon={{data: featureIcon}}>
                 <Settings.Section title="Appearance" onlyChild={true}>
                     <Settings.Item title="Interface language">
-                        <RadioButton
+                        <SegmentedRadioGroup
                             value={settings.lang ?? 'ru'}
                             onChange={(event) => {
                                 handleChange('lang', event.target.value);
@@ -286,10 +286,10 @@ function renderGeneralSettings(
                         >
                             <Radio value="ru">{'Русский'}</Radio>
                             <Radio value="en">{'English'}</Radio>
-                        </RadioButton>
+                        </SegmentedRadioGroup>
                     </Settings.Item>
                     <Settings.Item title="Theme">
-                        <RadioButton
+                        <SegmentedRadioGroup
                             value={settings.theme ?? 'light'}
                             onChange={(event) => {
                                 handleChange('theme', event.target.value);
@@ -297,7 +297,7 @@ function renderGeneralSettings(
                         >
                             <Radio value="light">{'Light'}</Radio>
                             <Radio value="dark">{'Dark'}</Radio>
-                        </RadioButton>
+                        </SegmentedRadioGroup>
                     </Settings.Item>
                 </Settings.Section>
             </Settings.Page>
diff --git a/src/components/Settings/__stories__/SettingsMobileDemo.tsx b/src/components/Settings/__stories__/SettingsMobileDemo.tsx
index 6dbbc336..0ab3f693 100644
--- a/src/components/Settings/__stories__/SettingsMobileDemo.tsx
+++ b/src/components/Settings/__stories__/SettingsMobileDemo.tsx
@@ -1,6 +1,6 @@
 import React, {useReducer} from 'react';
 
-import {Button, Radio, RadioButton, Select, Switch, useUniqId} from '@gravity-ui/uikit';
+import {Button, Radio, SegmentedRadioGroup, Select, Switch, useUniqId} from '@gravity-ui/uikit';
 
 import {Settings} from '../../..';
 import {cn} from '../../utils/cn';
@@ -126,7 +126,7 @@ export const SettingsMobileComponent = React.memo(
                         </Settings.Section>
                         <Settings.Section title="Common" withBadge={withBadge}>
                             <Settings.Item title="Default VCS">
-                                <RadioButton
+                                <SegmentedRadioGroup
                                     value={settings.vcs}
                                     onChange={(event) => {
                                         handleChange('vcs', event.target.value);
@@ -135,7 +135,7 @@ export const SettingsMobileComponent = React.memo(
                                 >
                                     <Radio value="arc">{'Arc'}</Radio>
                                     <Radio value="svn">{'SVN'}</Radio>
-                                </RadioButton>
+                                </SegmentedRadioGroup>
                             </Settings.Item>
                             <Settings.Item
                                 title="Start from dashboard page"
@@ -197,7 +197,7 @@ export const SettingsMobileComponent = React.memo(
                                 />
                             </Settings.Item>
                             <Settings.Item title="Code theme">
-                                <RadioButton
+                                <SegmentedRadioGroup
                                     value={settings.codeTheme ?? 'default'}
                                     onChange={(event) => {
                                         handleChange('codeTheme', event.target.value);
@@ -206,7 +206,7 @@ export const SettingsMobileComponent = React.memo(
                                 >
                                     <Radio value="default">{'Default'}</Radio>
                                     <Radio value="exta">{'Extra'}</Radio>
-                                </RadioButton>
+                                </SegmentedRadioGroup>
                             </Settings.Item>
                         </Settings.Section>
                     </Settings.Page>
@@ -237,7 +237,7 @@ function renderGeneralSettings(
             <Settings.Page id="appearance" title="General Appearance" icon={{data: featureIcon}}>
                 <Settings.Section title="Appearance" showTitle={false}>
                     <Settings.Item title="Interface language">
-                        <RadioButton
+                        <SegmentedRadioGroup
                             value={settings.lang ?? 'ru'}
                             onChange={(event) => {
                                 handleChange('lang', event.target.value);
@@ -246,10 +246,10 @@ function renderGeneralSettings(
                         >
                             <Radio value="ru">{'Русский'}</Radio>
                             <Radio value="en">{'English'}</Radio>
-                        </RadioButton>
+                        </SegmentedRadioGroup>
                     </Settings.Item>
                     <Settings.Item title="Theme">
-                        <RadioButton
+                        <SegmentedRadioGroup
                             value={settings.theme ?? 'light'}
                             onChange={(event) => {
                                 handleChange('theme', event.target.value);
@@ -258,7 +258,7 @@ function renderGeneralSettings(
                         >
                             <Radio value="light">{'Light'}</Radio>
                             <Radio value="dark">{'Dark'}</Radio>
-                        </RadioButton>
+                        </SegmentedRadioGroup>
                     </Settings.Item>
                 </Settings.Section>
             </Settings.Page>
diff --git a/src/components/Title/Title.tsx b/src/components/Title/Title.tsx
index 8ad513c2..f00b12f8 100644
--- a/src/components/Title/Title.tsx
+++ b/src/components/Title/Title.tsx
@@ -30,14 +30,7 @@ export const Title: React.FC<React.PropsWithChildren<TitleProps>> = ({
                 {children}
             </Text>
             {onClose && (
-                <Button
-                    onClick={onClose}
-                    view="flat"
-                    size="l"
-                    extraProps={{
-                        'aria-label': closeTitle,
-                    }}
-                >
+                <Button onClick={onClose} view="flat" size="l" aria-label={closeTitle}>
                     <Icon data={Xmark} size={closeIconSize} />
                 </Button>
             )}