diff --git a/package.json b/package.json
index 142747c4..48111ef6 100644
--- a/package.json
+++ b/package.json
@@ -108,7 +108,7 @@
     "prepack": "sf-prepack",
     "prepare": "sf-install",
     "test": "wireit",
-    "test:nuts": "npx playwright install --with-deps && mocha \"**/*.nut.ts\" --slow 30000 --timeout 600000 --parallel=false",
+    "test:nuts": "yarn compile && npx playwright install --with-deps && mocha \"**/*.nut.ts\" --slow 30000 --timeout 600000 --parallel=false",
     "test:nuts:local": "npx playwright install --with-deps && node -r dotenv/config ./node_modules/.bin/nyc mocha \"**/*.nut.ts\" --slow 30000 --timeout 600000 --parallel=false",
     "test:nut:local": "npx playwright install --with-deps && node -r dotenv/config ./node_modules/.bin/nyc mocha --slow 30000 --timeout 600000",
     "test:only": "wireit",
diff --git a/test/commands/lightning/dev/component-preview/hmr.nut.ts b/test/commands/lightning/dev/component-preview/hmr.nut.ts
index 6fc5450c..81cdccc9 100644
--- a/test/commands/lightning/dev/component-preview/hmr.nut.ts
+++ b/test/commands/lightning/dev/component-preview/hmr.nut.ts
@@ -69,6 +69,9 @@ describe('lightning preview hot module reload', () => {
     expect(await updatedGreetingLocator.textContent()).to.equal(HMR_GREETING);
 
     await fs.promises.writeFile(componentJsPath, originalJsContent, 'utf8');
+    await page.waitForTimeout(3000);
+    await page.reload({ waitUntil: 'networkidle' });
+    await page.getByText(INITIAL_GREETING).waitFor({ state: 'visible' });
   });
 
   it('should re-render component and hot reload .css changes', async () => {
@@ -98,6 +101,8 @@ describe('lightning preview hot module reload', () => {
     }
     expect(greetingColor).to.equal(RED);
     await fs.promises.writeFile(componentCssPath, originalCssContent, 'utf8');
+    await page.reload();
+    await page.getByText(INITIAL_GREETING).waitFor({ state: 'visible' });
   });
 
   it('should re-render component and hot reload .html changes', async () => {