fix(Clusters): fix scroll (#2394)

Author: artemmufazalov

src/containers/Clusters/Clusters.scss

@@ -4,11 +4,16 @@
     overflow: auto;
     gap: var(--g-spacing-4);
 
-    padding: var(--g-spacing-4) var(--g-spacing-5) 0;
+    padding: var(--g-spacing-4) 0 0 var(--g-spacing-5);
 
     @include mixins.body-2-typography();
     @include mixins.flex-container();
 
+    &__title-wrapper,
+    &__controls-wrapper {
+        padding-right: var(--g-spacing-5);
+    }
+
     &__autorefresh {
         margin-left: auto;
     }

src/containers/Clusters/Clusters.tsx

@@ -128,7 +128,7 @@ export function Clusters() {
 
     const renderPageTitle = () => {
         return (
-            <Flex justifyContent="space-between">
+            <Flex justifyContent="space-between" className={b('title-wrapper')}>
                 <Flex gap={2}>
                     <Text variant="header-1">{i18n('page_title')}</Text>
                     <Text variant="header-1" color="secondary">
@@ -148,7 +148,7 @@ export function Clusters() {
 
             {renderPageTitle()}
 
-            <Flex>
+            <Flex className={b('controls-wrapper')}>
                 <div className={b('control', {wide: true})}>
                     <Search
                         placeholder={i18n('controls_search-placeholder')}