diff --git a/tests/playwright-test/ui-mode-test-watch.spec.ts b/tests/playwright-test/ui-mode-test-watch.spec.ts
index bbcd40adbc..7613b1b391 100644
--- a/tests/playwright-test/ui-mode-test-watch.spec.ts
+++ b/tests/playwright-test/ui-mode-test-watch.spec.ts
@@ -332,10 +332,9 @@ test('should have watch icon highlighted when a test is focused and watch on the
 
   await page.getByText('a.test.ts').click();
   // watch icon should not be highlight till the watch icon is clicked
-  await expect(page.getByRole('treeitem', { name: 'a.test.ts' }).getByRole('button', { name: 'Watch' })).toHaveCSS('color', 'rgb(255, 255, 255)');
-
   await page.getByRole('treeitem', { name: 'passes' }).hover();
   await expect(page.getByRole('treeitem', { name: 'passes' }).getByRole('button', { name: 'Watch' })).not.toHaveCSS('border', '1px inset rgb(255, 255, 255)');
+
   await page.getByRole('treeitem', { name: 'passes' }).getByRole('button', { name: 'Watch' }).click();
   await expect(page.getByRole('treeitem', { name: 'passes' }).getByRole('button', { name: 'Watch' }).locator('.codicon-eye')).toHaveCSS('color', 'rgb(255, 255, 255)');
   await expect(page.getByRole('treeitem', { name: 'passes' }).getByRole('button', { name: 'Watch' })).toHaveCSS('border', '1px inset rgb(255, 255, 255)');