diff --git a/tests/styleguide.spec.ts b/tests/styleguide.spec.ts
index ab1fdca74e..382bd2da92 100644
--- a/tests/styleguide.spec.ts
+++ b/tests/styleguide.spec.ts
@@ -1,82 +1,96 @@
 /* eslint-disable no-await-in-loop */
-import { expect, Page, test } from '@playwright/test';
-
-let page: Page;
-const sampleSectionIds: string[] = [];
-const buttonSectionIds: string[] = [];
-
-test.beforeAll(async ({ browser }) => {
-  page = await browser.newPage();
-
+import { expect, test } from '@playwright/test';
+
+const sampleSectionIds: string[] = [
+  'sample-section-typography',
+  'sample-section-colors',
+  'sample-section-theme-color-palette',
+  'sample-section-semantic-colors',
+  'sample-section-chart-colors',
+  'sample-section-editor-colors',
+  'sample-section-grid-colors',
+  'sample-section-component-colors',
+  'sample-section-buttons-regular',
+  'sample-section-buttons-outline',
+  'sample-section-buttons-inline',
+  'sample-section-buttons-socketed',
+  'sample-section-progress',
+  'sample-section-alerts',
+  'sample-section-inputs',
+  'sample-section-item-list-inputs',
+  'sample-section-draggable-lists',
+  'sample-section-time-slider-inputs',
+  'sample-section-dialog',
+  'sample-section-modals',
+  'sample-section-context-menus',
+  'sample-section-dropdown-menus',
+  'sample-section-navigations',
+  'sample-section-tooltips',
+  'sample-section-icons',
+  'sample-section-editors',
+  'sample-section-grids-grid',
+  'sample-section-grids-static',
+  'sample-section-grids-data-bar',
+  'sample-section-grids-quadrillion',
+  'sample-section-grids-async',
+  'sample-section-grids-tree',
+  'sample-section-grids-iris',
+  'sample-section-charts',
+  'sample-section-spectrum-buttons',
+  'sample-section-spectrum-collections',
+  'sample-section-spectrum-content',
+  'sample-section-spectrum-forms',
+  'sample-section-spectrum-overlays',
+  'sample-section-spectrum-well',
+];
+const buttonSectionIds: string[] = [
+  'sample-section-buttons-regular',
+  'sample-section-buttons-outline',
+  'sample-section-buttons-inline',
+  'sample-section-buttons-socketed',
+];
+
+test('UI regression test - Styleguide section count', async ({ page }) => {
   await page.goto('/ide/styleguide');
 
-  // Get the ids of the sample sections
-  const sampleSections = page.locator('.sample-section');
-  const expectedSampleSectionsCount = 40;
-  await expect(sampleSections).toHaveCount(expectedSampleSectionsCount);
-
-  sampleSectionIds.length = 0;
-  for (let i = 0; i < expectedSampleSectionsCount; i += 1) {
-    const sampleSection = sampleSections.nth(i);
-    const id = String(await sampleSection.getAttribute('id'));
-    sampleSectionIds.push(id);
-  }
+  const sampleSections = await page.locator('.sample-section');
 
-  // Get the ids of the button sections
-  const buttonSections = page.locator('[id^="sample-section-buttons-"]');
-  const expectedButtonSectionsCount = 4;
-  await expect(buttonSections).toHaveCount(expectedButtonSectionsCount);
-
-  buttonSectionIds.length = 0;
-  for (let i = 0; i < expectedButtonSectionsCount; i += 1) {
-    const buttonSection = buttonSections.nth(i);
-    const id = String(await buttonSection.getAttribute('id'));
-    buttonSectionIds.push(id);
-  }
-
-  await page.close();
+  await expect(sampleSections).toHaveCount(sampleSectionIds.length);
 });
 
-test.beforeEach(async ({ browser }) => {
-  page = await browser.newPage();
-});
+test('UI regression test - Styleguide button section count', async ({
+  page,
+}) => {
+  await page.goto('/ide/styleguide');
+
+  const buttonSections = await page.locator('[id^="sample-section-buttons-"]');
 
-test.afterEach(async () => {
-  await page.close();
+  await expect(buttonSections).toHaveCount(buttonSectionIds.length);
 });
 
 // Iterate over all sample sections and take a screenshot of each one.
-test('UI regression test - Styleguide sections', async () => {
-  for (let i = 0; i < sampleSectionIds.length; i += 1) {
-    const id = sampleSectionIds[i];
-
+sampleSectionIds.forEach(id => {
+  test(`UI regression test - Styleguide section - ${id}`, async ({ page }) => {
     // Isolate the section
     await page.goto(`/ide/styleguide?isolateSection=true#${id}`);
 
-    // Have to reload since we are calling in a loop and only the hash is changing
-    await page.reload();
-
     const sampleSection = page.locator(`#${id}`);
 
     await expect(sampleSection).toHaveScreenshot(
       `${id.replace(/^sample-section-/, '')}.png`
     );
-  }
+  });
 });
 
-test('Buttons regression test', async () => {
-  // Test focus and hover states for each enabled button
-  for (let i = 0; i < buttonSectionIds.length; i += 1) {
-    const id = buttonSectionIds[i];
-
+buttonSectionIds.forEach((id, i) => {
+  test(`Buttons regression test - ${id}`, async ({ page }) => {
     // Isolate the section
     await page.goto(`/ide/styleguide?isolateSection=true#${id}`);
 
-    // Need to reload since we are calling in a loop and only the hash is changing
-    await page.reload();
+    const sampleSection = page.locator(`#${id}`);
 
-    const section = page.locator(`#${id}`);
-    const buttons = section.locator('button');
+    const buttons = sampleSection.locator('button');
+    await expect(buttons, `Button section: '${id}'`).not.toHaveCount(0);
 
     const buttonCount = await buttons.count();
 
@@ -89,7 +103,7 @@ test('Buttons regression test', async () => {
 
       // Focus
       await button.focus();
-      await expect(section).toHaveScreenshot(
+      await expect(sampleSection).toHaveScreenshot(
         `buttons-focus-section-${i}-${j}${isDisabled ? '-disabled' : ''}.png`
       );
 
@@ -99,7 +113,7 @@ test('Buttons regression test', async () => {
 
       // Hover
       await button.hover();
-      await expect(section).toHaveScreenshot(
+      await expect(sampleSection).toHaveScreenshot(
         `buttons-hover-section-${i}-${j}${isDisabled ? '-disabled' : ''}.png`
       );
       await page.mouse.move(0, 0);
@@ -108,10 +122,10 @@ test('Buttons regression test', async () => {
         await button.blur();
       }
     }
-  }
+  });
 });
 
-test('Inputs regression test', async () => {
+test('Inputs regression test', async ({ page }) => {
   await page.goto('/ide/styleguide?isolateSection=true#sample-section-inputs');
 
   const columns = page.locator('#sample-section-inputs .col');
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-0-chromium-linux.png
index 5ba1edfded..4e4c685fde 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-0-firefox-linux.png
index 1065f2900f..fa8f4bb528 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-1-chromium-linux.png
index 724e831f9f..cd0e560d9f 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-1-firefox-linux.png
index 8d792ef1ba..6a43fa83c9 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-2-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-2-chromium-linux.png
index e3b6df2277..2c7a7d4dbc 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-2-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-2-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-2-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-2-firefox-linux.png
index 9e55f9d17c..d61a4a09ac 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-2-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-2-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-3-chromium-linux.png
index d2864ee2fb..1385203b4f 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-3-firefox-linux.png
index cff1deb7cb..59a9632f7c 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-4-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-4-chromium-linux.png
index 62733aacd8..9979fa3834 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-4-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-4-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-4-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-4-firefox-linux.png
index 1c2ec6e323..66a526aae2 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-4-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-0-4-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-0-chromium-linux.png
index acd3eede38..741849cca5 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-0-firefox-linux.png
index c338a02edd..e449192182 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-1-chromium-linux.png
index 8175eca632..6d65bb8e54 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-1-firefox-linux.png
index f4c5381081..3a00592936 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-2-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-2-chromium-linux.png
index ae51881cb5..1dd72462fc 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-2-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-2-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-2-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-2-firefox-linux.png
index cb9d008513..8489cc7fe5 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-2-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-2-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-3-chromium-linux.png
index 359c98092f..0a6dbb799e 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-3-firefox-linux.png
index a772ad9c8d..04c692b164 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-4-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-4-chromium-linux.png
index bd916bc26c..248674dfa5 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-4-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-4-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-4-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-4-firefox-linux.png
index 10450b5f47..94333b5b8d 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-4-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-1-4-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-0-chromium-linux.png
index 8a90a59aab..53ca8a0b16 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-0-firefox-linux.png
index cb68bc165a..ad4ecb243f 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-1-chromium-linux.png
index b947eb9e17..691a90ec3d 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-1-firefox-linux.png
index 9740da5726..b92947bebb 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-2-disabled-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-2-disabled-chromium-linux.png
index d12f77c4fc..1c04281e58 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-2-disabled-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-2-disabled-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-2-disabled-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-2-disabled-firefox-linux.png
index 257604abdc..dff0a252b1 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-2-disabled-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-2-disabled-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-3-chromium-linux.png
index bad0e8224b..0d8c1daf18 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-3-firefox-linux.png
index a5a5e3cd47..2a3a96c715 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-4-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-4-chromium-linux.png
index e083748c6a..bd988517d9 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-4-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-4-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-4-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-4-firefox-linux.png
index 1a957d0447..66483e92f9 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-4-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-4-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-5-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-5-chromium-linux.png
index 4c25fe8a56..fabbcfc0ed 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-5-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-5-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-5-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-5-firefox-linux.png
index d0b5da2015..c9b9c31a8e 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-5-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-2-5-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-0-chromium-linux.png
index 655c1e8e51..c1ddef4579 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-0-firefox-linux.png
index 094027b0e8..d9889bd166 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-1-chromium-linux.png
index 3fedd030b6..48d5a5cc86 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-1-firefox-linux.png
index e3e88932c0..61ac31c967 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-2-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-2-chromium-linux.png
index 4a5af561cd..00ca07d0c8 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-2-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-2-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-2-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-2-firefox-linux.png
index 3745ab4bb4..8eca58614f 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-2-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-2-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-3-chromium-linux.png
index e5f2fa2db9..b824bb94df 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-3-firefox-linux.png
index 930dc4ed77..14979aba10 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-4-disabled-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-4-disabled-chromium-linux.png
index cb2738af8f..6764f08580 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-4-disabled-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-4-disabled-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-4-disabled-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-4-disabled-firefox-linux.png
index ac41cc88b4..7d4d9aff6c 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-4-disabled-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-focus-section-3-4-disabled-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-0-chromium-linux.png
index 4ade7000d1..f98bcca186 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-0-firefox-linux.png
index 0b540af9c0..587bbfad5e 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-1-chromium-linux.png
index 17ca09e13e..9bdbcbf37f 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-1-firefox-linux.png
index 4204cb083c..09e6a91c3d 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-2-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-2-chromium-linux.png
index a276147d95..0511a9e32c 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-2-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-2-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-2-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-2-firefox-linux.png
index 90bc4658f6..0775097d93 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-2-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-2-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-3-chromium-linux.png
index 4b6ab50ad7..6efd037b60 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-3-firefox-linux.png
index 2cb6d09909..d4696905c9 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-4-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-4-chromium-linux.png
index 826a131e4f..bc6e35ec57 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-4-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-4-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-4-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-4-firefox-linux.png
index 05df6607dd..704a01dee9 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-4-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-0-4-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-0-chromium-linux.png
index 3771980755..02e27dd90e 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-0-firefox-linux.png
index eec0b0bf90..a8379570e8 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-1-chromium-linux.png
index 2df64f9221..810eed4c55 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-1-firefox-linux.png
index 6f82dfd56d..bacbaed8de 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-2-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-2-chromium-linux.png
index a15bd907f9..0aba72e565 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-2-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-2-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-2-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-2-firefox-linux.png
index 4095f6c1c9..484a8cc7dd 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-2-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-2-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-3-chromium-linux.png
index 1b8fc8c585..ab2f569eab 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-3-firefox-linux.png
index bdd0f0461d..d88a7441d9 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-4-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-4-chromium-linux.png
index 24ad89ea14..b4de0cb3ff 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-4-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-4-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-4-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-4-firefox-linux.png
index 014c64fb0c..c47e752aa3 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-4-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-1-4-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-0-chromium-linux.png
index 07f85d4a99..76c5bf8000 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-0-firefox-linux.png
index d67f1293ca..784e391583 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-1-chromium-linux.png
index b002da7da6..fa454943e3 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-1-firefox-linux.png
index 2ef54822aa..076b8f114f 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-2-disabled-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-2-disabled-chromium-linux.png
index d12f77c4fc..1c04281e58 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-2-disabled-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-2-disabled-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-2-disabled-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-2-disabled-firefox-linux.png
index 257604abdc..dff0a252b1 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-2-disabled-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-2-disabled-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-3-chromium-linux.png
index fa63d6389b..51e2be8fc6 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-3-firefox-linux.png
index 96d7211725..26536be8f7 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-4-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-4-chromium-linux.png
index c0e5b63485..732cdae75b 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-4-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-4-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-4-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-4-firefox-linux.png
index 41e01ed1e8..a8b6a8cde0 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-4-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-4-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-5-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-5-chromium-linux.png
index 9979903dce..0c4aa680ff 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-5-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-5-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-5-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-5-firefox-linux.png
index 20e2e52c22..34ac6acb12 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-5-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-2-5-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-0-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-0-chromium-linux.png
index f1c831410f..0d6323fe05 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-0-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-0-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-0-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-0-firefox-linux.png
index 50cc59a3aa..d169777d5f 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-0-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-0-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-1-chromium-linux.png
index 2281083e87..27376e2972 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-1-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-1-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-1-firefox-linux.png
index fda0ee77e6..5255e61e9d 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-1-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-1-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-2-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-2-chromium-linux.png
index 2e610ac7fb..f096b00fa7 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-2-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-2-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-2-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-2-firefox-linux.png
index ed4fb328f6..5a2d3ceacf 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-2-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-2-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-3-chromium-linux.png
index 5ae8ac96e7..da4787a3d5 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-3-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-3-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-3-firefox-linux.png
index 90bbc4b1dd..09eea21d61 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-3-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-3-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-4-disabled-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-4-disabled-chromium-linux.png
index cb2738af8f..6764f08580 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-4-disabled-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-4-disabled-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-4-disabled-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-4-disabled-firefox-linux.png
index ac41cc88b4..7d4d9aff6c 100644
Binary files a/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-4-disabled-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/buttons-hover-section-3-4-disabled-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/dropdown-menus-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/dropdown-menus-chromium-linux.png
index 4ce4cd5ca4..f11c17cda5 100644
Binary files a/tests/styleguide.spec.ts-snapshots/dropdown-menus-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/dropdown-menus-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/dropdown-menus-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/dropdown-menus-firefox-linux.png
index 151147b62f..bf5ecb0a60 100644
Binary files a/tests/styleguide.spec.ts-snapshots/dropdown-menus-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/dropdown-menus-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/spectrum-collections-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-collections-chromium-linux.png
index f3c942c454..e5dbb17e17 100644
Binary files a/tests/styleguide.spec.ts-snapshots/spectrum-collections-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/spectrum-collections-chromium-linux.png differ