diff --git a/web/src/plugins/traces/TraceDetails.spec.ts b/web/src/plugins/traces/TraceDetails.spec.ts
index a9bbc22b33..bc85f036c3 100644
--- a/web/src/plugins/traces/TraceDetails.spec.ts
+++ b/web/src/plugins/traces/TraceDetails.spec.ts
@@ -297,6 +297,7 @@ describe("TraceDetails", () => {
 
   async function mountDefault() {
     wrapper = mount(TraceDetails, mountOptions);
+    await router.isReady();
     await flushPromises();
   }
 
@@ -304,6 +305,7 @@ describe("TraceDetails", () => {
   async function remount() {
     wrapper.unmount();
     wrapper = mount(TraceDetails, mountOptions);
+    await router.isReady();
     await flushPromises();
     return wrapper;
   }
@@ -629,6 +631,7 @@ describe("TraceDetails", () => {
           ...props,
         },
       });
+      await router.isReady();
       await flushPromises();
       wrapper.vm.searchObj.data.traceDetails.selectedSpanId = null;
       await flushPromises();
@@ -847,6 +850,7 @@ describe("TraceDetails", () => {
           ],
         },
       });
+      await router.isReady();
       await flushPromises();
 
       expect(treeShowsCriticalPath()).toBe(true);
@@ -898,6 +902,7 @@ describe("TraceDetails", () => {
           spanListProp: spans,
         },
       });
+      await router.isReady();
       await flushPromises();
       wrapper.vm.activeTab = "map";
       await flushPromises();
@@ -1274,6 +1279,7 @@ describe("TraceDetails", () => {
             },
           },
         });
+        await router.isReady();
 
         await flushPromises();
       });
@@ -1426,6 +1432,7 @@ describe("TraceDetails", () => {
           },
         },
       });
+      await router.isReady();
 
       await flushPromises();
     });
@@ -3784,6 +3791,7 @@ describe("TraceDetails", () => {
           },
         },
       });
+      await router.isReady();
       await flushPromises();
 
       // No correlation data has been loaded for this span yet.
diff --git a/web/src/plugins/traces/TraceDetailsSidebar.spec.ts b/web/src/plugins/traces/TraceDetailsSidebar.spec.ts
index a4780d66cd..83d819de21 100644
--- a/web/src/plugins/traces/TraceDetailsSidebar.spec.ts
+++ b/web/src/plugins/traces/TraceDetailsSidebar.spec.ts
@@ -329,6 +329,7 @@ describe("TraceDetailsSidebar", async () => {
 
   async function mountDefault() {
     wrapper = mountSidebar();
+    await router.isReady();
     await wrapper.vm.$nextTick();
   }
 
@@ -785,6 +786,7 @@ describe("TraceDetailsSidebar", async () => {
   describe("Tabs functionality", () => {
     beforeEach(async () => {
       wrapper = mountSidebar({}, true);
+      await router.isReady();
       await wrapper.vm.$nextTick();
     });
 
@@ -1492,6 +1494,7 @@ describe("TraceDetailsSidebar", async () => {
     it("should respect activeTab prop when provided", async () => {
       wrapper.unmount();
       wrapper = mountSidebar({ activeTab: "events" });
+      await router.isReady();
       await wrapper.vm.$nextTick();
       expect(wrapper.vm.activeTabModel).toBe("events");
     });
@@ -1562,6 +1565,7 @@ describe("TraceDetailsSidebar", async () => {
       });
       wrapper.unmount();
       wrapper = mountSidebar();
+      await router.isReady();
       await wrapper.vm.$nextTick();
 
       const errorIcon = wrapper.find(
@@ -2391,6 +2395,7 @@ describe("TraceDetailsSidebar — span vs operation percentiles", () => {
       streamName: "default",
       ...props,
     });
+    await router.isReady();
     await flushPromises();
     return w;
   }
@@ -2599,6 +2604,7 @@ describe("TraceDetailsSidebar — span to profile link", () => {
 
   async function mountWith(spanOverrides: Record<string, unknown> = {}, props = {}) {
     const w = mountSidebar({ span: { ...SPAN, ...spanOverrides }, ...props });
+    await router.isReady();
     await flushPromises();
     return w;
   }