diff --git a/src/components/FullVue.vue b/src/components/FullVue.vue
index 826430e4..b33d74e1 100644
--- a/src/components/FullVue.vue
+++ b/src/components/FullVue.vue
@@ -39,11 +39,6 @@ import { useDashboardStore } from "@/store/modules/dashboard";
 import Configuration from "../views/dashboard/configuration";
 import controls from "../views/dashboard/controls/index";
 
-interface Item {
-  id: string;
-  index: number;
-  viewOffset: number;
-}
 export default defineComponent({
   name: "FullView",
   props: {
@@ -87,7 +82,6 @@ export default defineComponent({
       });
     }
     function scrollTo(index: number) {
-      const item: Element = arrayOfItems.value[index];
       arrayOfItems.value[index]?.scrollIntoView();
       if (isScrolling.value) {
         setTimeout(() => {
diff --git a/src/views/dashboard/controls/Tab.vue b/src/views/dashboard/controls/Tab.vue
index 504be661..f1606300 100644
--- a/src/views/dashboard/controls/Tab.vue
+++ b/src/views/dashboard/controls/Tab.vue
@@ -97,10 +97,10 @@ limitations under the License. -->
           class="scroll-handler__wrapper"
         >
           <div
-            @click="scrollToGraph(item.i)"
-            v-for="item in dashboardStore.currentTabItems"
+            @click="scrollToGraph(item.i, index)"
+            v-for="(item, index) in dashboardStore.currentTabItems"
             :key="item.i"
-            :class="[currentItem === `tabitem${item.i}` ? 'active' : '']"
+            :class="[currentItem === index ? 'active' : '']"
             class="scroll-to"
           ></div>
         </div>
@@ -188,7 +188,6 @@ export default defineComponent({
     const showTools = ref<boolean>(false);
     const tabRef = ref<any>("");
     const tabObserveContainer = ref<any>(null);
-    /** UPDATING  ***/
     const arrayOfItems = ref<Element[]>([]);
     const currentItem = ref<number>(0);
     const isScrolling = ref(false);