diff --git a/lib/static/new-ui/components/TreeViewItemTitle/index.module.css b/lib/static/new-ui/components/TreeViewItemTitle/index.module.css
index dd930be3d..da897d8c4 100644
--- a/lib/static/new-ui/components/TreeViewItemTitle/index.module.css
+++ b/lib/static/new-ui/components/TreeViewItemTitle/index.module.css
@@ -6,25 +6,41 @@
     position: relative;
 }
 
-.actions-container {
-    opacity: 0;
+.title {
+    max-width: calc(100% - 30px);
+    width: fit-content;
+    flex-shrink: 0;
+}
+
+.container--no-checkbox {
+    .actions-container {
+        right: 0;
+    }
+
+    .title {
+        max-width: 100%;
+    }
+}
+
+.actions-container-inner {
     display: flex;
-    position: absolute;
-    right: 30px;
-    top: 50%;
-    transform: translateY(-50%);
+    margin: -2px 0;
     z-index: 1;
     border-radius: 6px;
     box-shadow: 0 0 7px 10px var(--background-color, rgb(242 242 242));
     background: var(--background-color, rgb(242 242 242));
 }
 
-:global(.tree-view__item:hover) .actions-container {
-    opacity: 1;
+.actions-container {
+    opacity: 0;
+    display: flex;
+    min-width: 0;
+    white-space: nowrap;
+    justify-content: flex-end;
 }
 
-.actions-container--no-checkbox {
-    right: 0;
+:global(.tree-view__item:hover) .actions-container {
+    opacity: 1;
 }
 
 :global(.error-tree-node:hover) {
@@ -99,7 +115,7 @@
 }
 
 .title {
-    margin-right: 8px;
+    margin-right: 4px;
 }
 
 .title-part {
diff --git a/lib/static/new-ui/components/TreeViewItemTitle/index.tsx b/lib/static/new-ui/components/TreeViewItemTitle/index.tsx
index 287457dd0..8aba18a3d 100644
--- a/lib/static/new-ui/components/TreeViewItemTitle/index.tsx
+++ b/lib/static/new-ui/components/TreeViewItemTitle/index.tsx
@@ -168,8 +168,10 @@ export function TreeViewItemTitle({item}: TreeViewItemTitleProps): React.JSX.Ele
         [styles['title-container--inline']]: item.entityType !== EntityType.Group
     });
 
-    return <div className={styles.container}>
-        <div>
+    return <div className={classNames(styles.container, {
+        [styles['container--no-checkbox']]: !areCheckboxesNeeded || isVisualChecksPage
+    })}>
+        <div className={styles.title}>
             <div className={titleContainerClassName}>
                 {item.prefix && <span className={styles.titlePrefix}>{item.prefix}</span>}
                 <span className={styles.title}>
@@ -186,44 +188,44 @@ export function TreeViewItemTitle({item}: TreeViewItemTitleProps): React.JSX.Ele
                 </div>
             }
         </div>
-        <div className={classNames(styles.actionsContainer, {
-            [styles['actions-container--no-checkbox']]: !areCheckboxesNeeded || isVisualChecksPage
-        })}>
-            {item.entityType === EntityType.Browser && suiteUrl && (
-                <Button
-                    view='flat'
-                    title="View in browser"
-                    href={getUrlWithBase(suiteUrl, baseHost)}
-                    target="_blank"
+        <div className={styles.actionsContainer}>
+            <div className={styles.actionsContainerInner}>
+                {item.entityType === EntityType.Browser && suiteUrl && (
+                    <Button
+                        view='flat'
+                        title="View in browser"
+                        href={getUrlWithBase(suiteUrl, baseHost)}
+                        target="_blank"
+                        className={styles.actionButton}
+                        qa="view-in-browser-tree"
+                    >
+                        <Button.Icon>
+                            <Icon data={Eye}/>
+                        </Button.Icon>
+                    </Button>
+                )}
+                <ClipboardButton
                     className={styles.actionButton}
-                    qa="view-in-browser-tree"
+                    size='m'
+                    text={getFullSuitePath()}
+                    title="Copy title"
+                    onClick={handleCopyClick}
+                />
+                {isRunTestsAvailable && <Button
+                    view='flat'
+                    title="Run tests"
+                    onClick={handleRunClick}
+                    disabled={isRunning}
+                    className={classNames(styles.actionButton, {
+                        [styles['action-button--disabled']]: isRunning
+                    })}
                 >
                     <Button.Icon>
-                        <Icon data={Eye}/>
+                        <Icon data={ArrowRotateLeft}/>
                     </Button.Icon>
                 </Button>
-            )}
-            <ClipboardButton
-                className={styles.actionButton}
-                size='m'
-                text={getFullSuitePath()}
-                title="Copy title"
-                onClick={handleCopyClick}
-            />
-            {isRunTestsAvailable && <Button
-                view='flat'
-                title="Run tests"
-                onClick={handleRunClick}
-                disabled={isRunning}
-                className={classNames(styles.actionButton, {
-                    [styles['action-button--disabled']]: isRunning
-                })}
-            >
-                <Button.Icon>
-                    <Icon data={ArrowRotateLeft}/>
-                </Button.Icon>
-            </Button>
-            }
+                }
+            </div>
         </div>
         {(areCheckboxesNeeded && !isVisualChecksPage) &&
             <div className={styles.checkboxWrapper} onClick={handleCheckboxClick} data-qa="tree-item-checkbox">