diff --git a/frontend/src/app/main/ui/workspace/sidebar/assets/groups.scss b/frontend/src/app/main/ui/workspace/sidebar/assets/groups.scss index c3091a7cb..209c441e3 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/assets/groups.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/assets/groups.scss @@ -17,6 +17,8 @@ } .path { + @include textEllipsis; + max-width: 90%; margin-left: $s-2; text-transform: initial; color: var(--title-foreground-color-hover); diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss index 1c190f2d7..c6f098a98 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss @@ -47,6 +47,8 @@ .component-name { @include titleTipography; @include textEllipsis; + direction: rtl; + text-align: left; width: 70%; flex-grow: 2; margin-left: $s-8; @@ -55,6 +57,9 @@ .component-parent-name { @include titleTipography; @include textEllipsis; + direction: rtl; + text-align: left; + max-width: 95%; padding-left: $s-36; color: var(--title-foreground-color); } @@ -224,6 +229,7 @@ display: flex; align-items: center; margin-bottom: $s-4; + padding-right: $s-8; font-size: $s-12; cursor: pointer; width: 100%;