diff --git a/dashboards-observability/public/components/explorer/docTable/__tests__/__snapshots__/docViewer.test.tsx.snap b/dashboards-observability/public/components/explorer/docTable/__tests__/__snapshots__/docViewer.test.tsx.snap
index f53787943..00693159c 100644
--- a/dashboards-observability/public/components/explorer/docTable/__tests__/__snapshots__/docViewer.test.tsx.snap
+++ b/dashboards-observability/public/components/explorer/docTable/__tests__/__snapshots__/docViewer.test.tsx.snap
@@ -35,7 +35,7 @@ exports[`Datagrid Doc viewer component Renders Doc viewer component 1`] = `
               </EuiFlexItem>
             </EuiFlexGroup>
           </EuiPanel>,
-          "id": "doc_viewer_tab_5",
+          "id": "doc_viewer_tab_2",
           "name": "Table",
         }
       }
@@ -60,7 +60,7 @@ exports[`Datagrid Doc viewer component Renders Doc viewer component 1`] = `
                 </EuiFlexItem>
               </EuiFlexGroup>
             </EuiPanel>,
-            "id": "doc_viewer_tab_5",
+            "id": "doc_viewer_tab_2",
             "name": "Table",
           },
           Object {
@@ -82,7 +82,7 @@ exports[`Datagrid Doc viewer component Renders Doc viewer component 1`] = `
                 </EuiFlexItem>
               </EuiFlexGroup>
             </EuiPanel>,
-            "id": "doc_viewer_tab_6",
+            "id": "doc_viewer_tab_3",
             "name": "JSON",
           },
           Object {
@@ -104,7 +104,7 @@ exports[`Datagrid Doc viewer component Renders Doc viewer component 1`] = `
                 </EuiFlexItem>
               </EuiFlexGroup>
             </EuiPanel>,
-            "id": "doc_viewer_tab_7",
+            "id": "doc_viewer_tab_4",
             "name": <React.Fragment>
               <span>
                 Traces
@@ -126,9 +126,9 @@ exports[`Datagrid Doc viewer component Renders Doc viewer component 1`] = `
           >
             <EuiTab
               aria-controls="random_html_id"
-              id="doc_viewer_tab_5"
+              id="doc_viewer_tab_2"
               isSelected={true}
-              key="doc_viewer_tab_5"
+              key="doc_viewer_tab_2"
               onClick={[Function]}
             >
               <button
@@ -136,7 +136,7 @@ exports[`Datagrid Doc viewer component Renders Doc viewer component 1`] = `
                 aria-selected={true}
                 className="euiTab euiTab-isSelected"
                 disabled={false}
-                id="doc_viewer_tab_5"
+                id="doc_viewer_tab_2"
                 onClick={[Function]}
                 role="tab"
                 type="button"
@@ -150,9 +150,9 @@ exports[`Datagrid Doc viewer component Renders Doc viewer component 1`] = `
             </EuiTab>
             <EuiTab
               aria-controls="random_html_id"
-              id="doc_viewer_tab_6"
+              id="doc_viewer_tab_3"
               isSelected={false}
-              key="doc_viewer_tab_6"
+              key="doc_viewer_tab_3"
               onClick={[Function]}
             >
               <button
@@ -160,7 +160,7 @@ exports[`Datagrid Doc viewer component Renders Doc viewer component 1`] = `
                 aria-selected={false}
                 className="euiTab"
                 disabled={false}
-                id="doc_viewer_tab_6"
+                id="doc_viewer_tab_3"
                 onClick={[Function]}
                 role="tab"
                 type="button"
@@ -174,9 +174,9 @@ exports[`Datagrid Doc viewer component Renders Doc viewer component 1`] = `
             </EuiTab>
             <EuiTab
               aria-controls="random_html_id"
-              id="doc_viewer_tab_7"
+              id="doc_viewer_tab_4"
               isSelected={false}
-              key="doc_viewer_tab_7"
+              key="doc_viewer_tab_4"
               onClick={[Function]}
             >
               <button
@@ -184,7 +184,7 @@ exports[`Datagrid Doc viewer component Renders Doc viewer component 1`] = `
                 aria-selected={false}
                 className="euiTab"
                 disabled={false}
-                id="doc_viewer_tab_7"
+                id="doc_viewer_tab_4"
                 onClick={[Function]}
                 role="tab"
                 type="button"
@@ -201,7 +201,7 @@ exports[`Datagrid Doc viewer component Renders Doc viewer component 1`] = `
           </div>
         </EuiTabs>
         <div
-          aria-labelledby="doc_viewer_tab_5"
+          aria-labelledby="doc_viewer_tab_2"
           id="random_html_id"
           role="tabpanel"
         >