diff --git a/src/components/TableWithControlsLayout/TableWithControlsLayout.tsx b/src/components/TableWithControlsLayout/TableWithControlsLayout.tsx
index 16a74fc4e3..7e99aed39b 100644
--- a/src/components/TableWithControlsLayout/TableWithControlsLayout.tsx
+++ b/src/components/TableWithControlsLayout/TableWithControlsLayout.tsx
@@ -8,6 +8,7 @@ const b = cn('ydb-table-with-controls-layout');
interface TableWithControlsLayoutItemProps {
children: React.ReactNode;
className?: string;
+ wrapperClassName?: string;
}
interface TableProps extends TableWithControlsLayoutItemProps {
@@ -24,9 +25,10 @@ export const TableWithControlsLayout = ({
TableWithControlsLayout.Controls = function TableControls({
children,
className,
+ wrapperClassName,
}: TableWithControlsLayoutItemProps) {
return (
-
+
);
diff --git a/src/containers/Storage/PaginatedStorageGroups.tsx b/src/containers/Storage/PaginatedStorageGroups.tsx
index b4dc1048ca..e9628cc927 100644
--- a/src/containers/Storage/PaginatedStorageGroups.tsx
+++ b/src/containers/Storage/PaginatedStorageGroups.tsx
@@ -189,12 +189,16 @@ function GroupedStorageGroupsComponent({
};
return (
-
- {renderControls()}
- {error ? : null}
-
- {renderGroups()}
-
-
+
+
+ {renderControls()}
+
+
+ {error ? : null}
+
+ {renderGroups()}
+
+
+
);
}
diff --git a/src/containers/Storage/PaginatedStorageNodes.tsx b/src/containers/Storage/PaginatedStorageNodes.tsx
index 5e8771cd6f..11867913f1 100644
--- a/src/containers/Storage/PaginatedStorageNodes.tsx
+++ b/src/containers/Storage/PaginatedStorageNodes.tsx
@@ -192,13 +192,17 @@ function GroupedStorageNodesComponent({
};
return (
-
- {renderControls()}
- {error ? : null}
-
- {renderGroups()}
-
-
+
+
+ {renderControls()}
+
+
+ {error ? : null}
+
+ {renderGroups()}
+
+
+
);
}
diff --git a/src/containers/Storage/Storage.scss b/src/containers/Storage/Storage.scss
index d52695d7e2..1b53c15aa6 100644
--- a/src/containers/Storage/Storage.scss
+++ b/src/containers/Storage/Storage.scss
@@ -19,4 +19,13 @@
&__groups-wrapper {
padding-right: 20px;
}
+
+ &__controls {
+ width: unset;
+ margin-right: -40px;
+ padding-right: 40px;
+ padding-left: 20px;
+
+ transform: translateX(-20px);
+ }
}