diff --git a/packages/components/src/navigation/NavTab.tsx b/packages/components/src/navigation/NavTab.tsx
index 67804ecf42..bf2725c22f 100644
--- a/packages/components/src/navigation/NavTab.tsx
+++ b/packages/components/src/navigation/NavTab.tsx
@@ -7,6 +7,7 @@ import type { NavTabItem } from './NavTabList';
 import Button from '../Button';
 import ContextActions from '../context-actions/ContextActions';
 import { type ResolvableContextAction } from '../context-actions';
+import { Tooltip } from '../popper';
 
 interface NavTabProps {
   tab: NavTabItem;
@@ -93,7 +94,10 @@ const NavTab = memo(
               }}
             >
               {iconElem}
-              {title}
+              <span className="btn-nav-tab-title">
+                {title}
+                <Tooltip>{title}</Tooltip>
+              </span>
               {isClosable && (
                 <Button
                   kind="ghost"
diff --git a/packages/components/src/navigation/NavTabList.scss b/packages/components/src/navigation/NavTabList.scss
index af53828af4..04d50be843 100644
--- a/packages/components/src/navigation/NavTabList.scss
+++ b/packages/components/src/navigation/NavTabList.scss
@@ -42,13 +42,17 @@ $tab-control-btn-offset: -8px;
       overflow: hidden;
       padding: 0 $tab-link-side-padding;
       position: relative;
-      text-overflow: ellipsis;
       user-select: none;
-      white-space: nowrap;
       flex-shrink: 0;
       background: none;
       background-clip: padding-box;
 
+      .btn-nav-tab-title {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
       .btn-nav-tab-close {
         position: absolute;
         height: 20px;