diff --git a/frontend/app/components/shared/DevTools/TabTag.tsx b/frontend/app/components/shared/DevTools/TabTag.tsx
index 48410c2a0..4478cfb6f 100644
--- a/frontend/app/components/shared/DevTools/TabTag.tsx
+++ b/frontend/app/components/shared/DevTools/TabTag.tsx
@@ -3,12 +3,12 @@ import { Tooltip } from 'antd';
 import { observer } from 'mobx-react-lite';
 import { PlayerContext } from 'Components/Session/playerContext';
 
-function TabTag({ logSource }: { logSource: number; logTabId: string }) {
+function TabTag({ logSource, logTabId }: { logSource: number; logTabId: string }) {
   const { store } = React.useContext(PlayerContext);
   const { tabNames } = store.get();
 
   return (
-    <Tooltip title={`${tabNames[logSource] ?? `Tab ${logSource}`}`} placement="left">
+    <Tooltip title={`${tabNames[logTabId] ?? `Tab ${logSource}`}`} placement="left">
       <div
         className={
           'bg-gray-light rounded-full min-w-5 min-h-5 w-5 h-5 flex items-center justify-center text-xs cursor-default'