diff --git a/src/containers/Storage/StorageGroups/columns/StorageGroupsColumns.scss b/src/containers/Storage/StorageGroups/columns/StorageGroupsColumns.scss
index 72c7fe353d..3b66c363cd 100644
--- a/src/containers/Storage/StorageGroups/columns/StorageGroupsColumns.scss
+++ b/src/containers/Storage/StorageGroups/columns/StorageGroupsColumns.scss
@@ -22,8 +22,17 @@
}
}
}
+
&__pool-name-wrapper {
- width: 230px;
+ overflow: hidden;
+
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ direction: rtl;
+ }
+
+ &__pool-name {
+ unicode-bidi: plaintext;
}
&__group-id {
diff --git a/src/containers/Storage/StorageGroups/columns/columns.tsx b/src/containers/Storage/StorageGroups/columns/columns.tsx
index 636bffb5bb..227f16c127 100644
--- a/src/containers/Storage/StorageGroups/columns/columns.tsx
+++ b/src/containers/Storage/StorageGroups/columns/columns.tsx
@@ -33,18 +33,17 @@ const poolNameColumn: StorageGroupsColumn = {
header: STORAGE_GROUPS_COLUMNS_TITLES.PoolName,
width: 250,
render: ({row}) => {
- const splitted = row.PoolName?.split('/');
- return (
- splitted && (
-
- {splitted[splitted.length - 1]}
-
- )
+ return row.PoolName ? (
+
+ {row.PoolName}
+
+ ) : (
+ EMPTY_DATA_PLACEHOLDER
);
},
align: DataTable.LEFT,