diff --git a/src/components/tabmenu/TabMenu.vue b/src/components/tabmenu/TabMenu.vue
index 6b4bb6471..7ba6f660d 100755
--- a/src/components/tabmenu/TabMenu.vue
+++ b/src/components/tabmenu/TabMenu.vue
@@ -78,7 +78,7 @@ export default {
         updateInkBar() {
             let tabHeader = this.$refs.nav.children[this.findActiveTabIndex()];
             this.$refs.inkbar.style.width = DomHandler.getWidth(tabHeader) + 'px';
-            this.$refs.inkbar.style.left = tabHeader.offsetLeft + 'px';
+            this.$refs.inkbar.style.left =  DomHandler.getOffset(tabHeader).left - DomHandler.getOffset(this.$refs.nav).left + 'px';
         }
     },
     computed: {
@@ -122,5 +122,6 @@ export default {
 
 .p-tabmenu-ink-bar {
     display: none;
+    z-index: 1;
 }
 </style>
diff --git a/src/components/tabview/TabView.vue b/src/components/tabview/TabView.vue
index 0720b7a48..5f3ad675f 100755
--- a/src/components/tabview/TabView.vue
+++ b/src/components/tabview/TabView.vue
@@ -86,7 +86,7 @@ export default {
         updateInkBar() {
             let tabHeader = this.$refs.nav.children[this.findActiveTabIndex()];
             this.$refs.inkbar.style.width = DomHandler.getWidth(tabHeader) + 'px';
-            this.$refs.inkbar.style.left = tabHeader.offsetLeft + 'px';
+            this.$refs.inkbar.style.left =  DomHandler.getOffset(tabHeader).left - DomHandler.getOffset(this.$refs.nav).left + 'px';
         }
     },
     computed: {
@@ -124,6 +124,7 @@ export default {
 
 .p-tabview-ink-bar {
     display: none;
+    z-index: 1;
 }
 
 .p-tabview-nav-link:focus {