diff --git a/pages/dropdown/width.page.tsx b/pages/dropdown/width.page.tsx
index 9e1163f487..39ea2d9b01 100644
--- a/pages/dropdown/width.page.tsx
+++ b/pages/dropdown/width.page.tsx
@@ -209,7 +209,7 @@ export default function () {
   const [loading, setLoading] = useState(asyncLoading);
   const onOpen = () => {
     if (asyncLoading) {
-      setTimeout(() => setLoading(false), 1000);
+      setTimeout(() => setLoading(false), 500);
     }
   };
   const onClose = () => setLoading(asyncLoading);
diff --git a/src/internal/components/dropdown/__integ__/width.test.ts b/src/internal/components/dropdown/__integ__/width.test.ts
index 83e241b05c..6d11652b4c 100644
--- a/src/internal/components/dropdown/__integ__/width.test.ts
+++ b/src/internal/components/dropdown/__integ__/width.test.ts
@@ -148,7 +148,7 @@ describe('Dropdown width', () => {
         expect(dropdownBox.left + dropdownBox.width).toBeLessThanOrEqual(pageWidth);
         await expect(page.getText(dropdownSelector)).resolves.toContain('Loading');
         await page.waitUntil(async () => (await page.getText(dropdownSelector)).includes('A very'), {
-          timeout: 2000,
+          timeout: 1000,
         });
         const newBox = await page.getBoundingBox(dropdownSelector);
         expect(newBox.left + newBox.width).toBeLessThanOrEqual(pageWidth);