diff --git a/packages/code-studio/src/styleguide/Grids.tsx b/packages/code-studio/src/styleguide/Grids.tsx
index 9de6083941..e31b63d14a 100644
--- a/packages/code-studio/src/styleguide/Grids.tsx
+++ b/packages/code-studio/src/styleguide/Grids.tsx
@@ -27,34 +27,52 @@ function Grids(): ReactElement {
   const [contextTheme] = useState<Partial<GridThemeType>>({ rowHeight: 40 });
 
   return (
-    <div {...sampleSectionIdAndClasses('grids')}>
+    <div>
       <ThemeContext.Provider value={contextTheme}>
         <h2 className="ui-title">Grid</h2>
-        <div>
+        <div {...sampleSectionIdAndClasses('grids-grid')}>
           <Grid model={model} theme={theme} />
         </div>
         <h2 className="ui-title">Static Data</h2>
-        <div style={{ height: 200 }}>
+        <div
+          {...sampleSectionIdAndClasses('grids-static')}
+          style={{ height: 200 }}
+        >
           <StaticExample />
         </div>
         <h2 className="ui-title">Data Bar</h2>
-        <div style={{ height: 500 }}>
+        <div
+          {...sampleSectionIdAndClasses('grids-data-bar')}
+          style={{ height: 500 }}
+        >
           <DataBarExample />
         </div>
         <h2 className="ui-title">Quadrillion rows and columns</h2>
-        <div style={{ height: 500, position: 'relative' }}>
+        <div
+          {...sampleSectionIdAndClasses('grids-quadrillion')}
+          style={{ height: 500, position: 'relative' }}
+        >
           <QuadrillionExample />
         </div>
         <h2 className="ui-title">Async example</h2>
-        <div style={{ height: 500, position: 'relative' }}>
+        <div
+          {...sampleSectionIdAndClasses('grids-async')}
+          style={{ height: 500, position: 'relative' }}
+        >
           <AsyncExample />
         </div>
         <h2 className="ui-title">Tree Grid</h2>
-        <div style={{ height: 500 }}>
+        <div
+          {...sampleSectionIdAndClasses('grids-tree')}
+          style={{ height: 500 }}
+        >
           <TreeExample />
         </div>
         <h2 className="ui-title">Iris Grid</h2>
-        <div style={{ height: 500 }}>
+        <div
+          {...sampleSectionIdAndClasses('grids-iris')}
+          style={{ height: 500 }}
+        >
           <IrisGrid model={irisGridModel} />
         </div>
       </ThemeContext.Provider>
diff --git a/packages/code-studio/src/styleguide/ThemeColors.tsx b/packages/code-studio/src/styleguide/ThemeColors.tsx
index eef5a1b13c..f22a70e748 100644
--- a/packages/code-studio/src/styleguide/ThemeColors.tsx
+++ b/packages/code-studio/src/styleguide/ThemeColors.tsx
@@ -158,8 +158,8 @@ function extractColorVars(
   const varNames = styleText
     .split(/[\n;]/g)
     // Non-minified css will have leading 2 spaces in front of each css variable
-    // declaration. Minified has no space except for first line which will have
-    // :root{ prefix.
+    // declaration. Minified has no prefix except for the first line which will
+    // have ':root{' prefix.
     .map(line => /^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(line)?.[1])
     .filter((match): match is string => Boolean(match));
 
diff --git a/packages/code-studio/src/styleguide/utils.ts b/packages/code-studio/src/styleguide/utils.ts
index bd4f750ee5..95935ed15b 100644
--- a/packages/code-studio/src/styleguide/utils.ts
+++ b/packages/code-studio/src/styleguide/utils.ts
@@ -17,6 +17,11 @@ export function* pseudoRandomWithSeed(
   }
 }
 
+/**
+ * Returns a callback that will generate pseudo random numbers based on the
+ * given seed.
+ * @param seed
+ */
 export function useSeededRandomNumberCallback(seed = 1): () => number {
   const [randomGenerator] = useState(() => pseudoRandomWithSeed(seed));
 
diff --git a/tests/styleguide.spec.ts b/tests/styleguide.spec.ts
index 18a219d723..1063673b11 100644
--- a/tests/styleguide.spec.ts
+++ b/tests/styleguide.spec.ts
@@ -12,16 +12,22 @@ test.afterEach(async () => {
   await page.close();
 });
 
+// Iterate over all sample sections and take a screenshot of each one.
 test('UI regression test', async () => {
   const sampleSections = page.locator('.sample-section');
-  await expect(sampleSections).toHaveCount(33);
+  await expect(sampleSections).toHaveCount(39);
 
   for (let i = 0; i < (await sampleSections.count()); i += 1) {
     const sampleSection = sampleSections.nth(i);
-    const id = await sampleSection.getAttribute('id');
+    const id = String(await sampleSection.getAttribute('id'));
 
+    // Scroll to the section. This is technically not necessary, but it mimics
+    // the user experience a little better and mimics the behavior of the fixed
+    // menu + scroll-to-top button that change based on scroll position.
     await page.goto(`/ide/styleguide#${id}`);
 
-    await expect(sampleSection).toHaveScreenshot();
+    await expect(sampleSection).toHaveScreenshot(
+      `${id.replace(/^sample-section-/, '')}.png`
+    );
   }
 });
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-26-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/UI-regression-test-26-chromium-linux.png
deleted file mode 100644
index 74d33de287..0000000000
Binary files a/tests/styleguide.spec.ts-snapshots/UI-regression-test-26-chromium-linux.png and /dev/null differ
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-26-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/UI-regression-test-26-firefox-linux.png
deleted file mode 100644
index 88a6900963..0000000000
Binary files a/tests/styleguide.spec.ts-snapshots/UI-regression-test-26-firefox-linux.png and /dev/null differ
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-26-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/UI-regression-test-26-webkit-linux.png
deleted file mode 100644
index f0f2a3102a..0000000000
Binary files a/tests/styleguide.spec.ts-snapshots/UI-regression-test-26-webkit-linux.png and /dev/null differ
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-27-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/UI-regression-test-27-firefox-linux.png
deleted file mode 100644
index c99ca7a880..0000000000
Binary files a/tests/styleguide.spec.ts-snapshots/UI-regression-test-27-firefox-linux.png and /dev/null differ
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-28-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/UI-regression-test-28-firefox-linux.png
deleted file mode 100644
index 941f905556..0000000000
Binary files a/tests/styleguide.spec.ts-snapshots/UI-regression-test-28-firefox-linux.png and /dev/null differ
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-29-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/UI-regression-test-29-firefox-linux.png
deleted file mode 100644
index e1818fa451..0000000000
Binary files a/tests/styleguide.spec.ts-snapshots/UI-regression-test-29-firefox-linux.png and /dev/null differ
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-14-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/alerts-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-14-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/alerts-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-14-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/alerts-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-14-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/alerts-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-14-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/alerts-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-14-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/alerts-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-11-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-inline-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-11-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-inline-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-11-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-inline-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-11-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-inline-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-11-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-inline-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-11-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-inline-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-10-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-outline-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-10-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-outline-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-10-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-outline-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-10-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-outline-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-10-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-outline-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-10-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-outline-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-9-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-regular-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-9-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-regular-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-9-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-regular-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-9-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-regular-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-9-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-regular-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-9-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-regular-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-12-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-socketed-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-12-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-socketed-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-12-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-socketed-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-12-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-socketed-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-12-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/buttons-socketed-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-12-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/buttons-socketed-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-5-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/chart-colors-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-5-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/chart-colors-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-5-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/chart-colors-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-5-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/chart-colors-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-5-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/chart-colors-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-5-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/chart-colors-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-27-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/charts-chromium-linux.png
similarity index 79%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-27-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/charts-chromium-linux.png
index 7f97c7af2a..94e08b4cc6 100644
Binary files a/tests/styleguide.spec.ts-snapshots/UI-regression-test-27-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/charts-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/charts-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/charts-firefox-linux.png
new file mode 100644
index 0000000000..a2b6ecd75e
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/charts-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-27-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/charts-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-27-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/charts-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-2-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/colors-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-2-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/colors-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-2-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/colors-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-2-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/colors-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-2-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/colors-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-2-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/colors-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-8-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/component-colors-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-8-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/component-colors-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-8-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/component-colors-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-8-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/component-colors-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-8-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/component-colors-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-8-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/component-colors-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-20-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/context-menus-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-20-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/context-menus-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-20-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/context-menus-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-20-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/context-menus-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-20-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/context-menus-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-20-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/context-menus-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-17-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/draggable-lists-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-17-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/draggable-lists-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-17-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/draggable-lists-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-17-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/draggable-lists-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-17-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/draggable-lists-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-17-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/draggable-lists-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-21-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/dropdown-menus-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-21-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/dropdown-menus-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-21-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/dropdown-menus-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-21-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/dropdown-menus-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-21-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/dropdown-menus-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-21-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/dropdown-menus-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-6-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/editor-colors-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-6-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/editor-colors-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-6-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/editor-colors-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-6-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/editor-colors-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-6-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/editor-colors-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-6-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/editor-colors-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-25-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/editors-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-25-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/editors-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-25-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/editors-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-25-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/editors-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-25-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/editors-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-25-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/editors-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-7-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/grid-colors-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-7-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/grid-colors-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-7-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/grid-colors-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-7-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/grid-colors-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-7-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/grid-colors-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-7-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/grid-colors-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/grids-async-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/grids-async-chromium-linux.png
new file mode 100644
index 0000000000..d73e8c2113
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-async-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-async-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/grids-async-firefox-linux.png
new file mode 100644
index 0000000000..c07844f4c2
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-async-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-async-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/grids-async-webkit-linux.png
new file mode 100644
index 0000000000..e094444a62
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-async-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-data-bar-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/grids-data-bar-chromium-linux.png
new file mode 100644
index 0000000000..12c8fbb501
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-data-bar-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-data-bar-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/grids-data-bar-firefox-linux.png
new file mode 100644
index 0000000000..4aa4e70ef2
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-data-bar-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-data-bar-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/grids-data-bar-webkit-linux.png
new file mode 100644
index 0000000000..9447659cbd
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-data-bar-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-grid-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/grids-grid-chromium-linux.png
new file mode 100644
index 0000000000..4b60262fcd
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-grid-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-grid-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/grids-grid-firefox-linux.png
new file mode 100644
index 0000000000..f58e989a36
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-grid-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-grid-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/grids-grid-webkit-linux.png
new file mode 100644
index 0000000000..6a4217cd2d
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-grid-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-iris-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/grids-iris-chromium-linux.png
new file mode 100644
index 0000000000..c8378d3d62
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-iris-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-iris-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/grids-iris-firefox-linux.png
new file mode 100644
index 0000000000..7d17258991
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-iris-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-iris-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/grids-iris-webkit-linux.png
new file mode 100644
index 0000000000..031fa62c70
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-iris-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-quadrillion-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/grids-quadrillion-chromium-linux.png
new file mode 100644
index 0000000000..8b2ebfc306
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-quadrillion-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-quadrillion-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/grids-quadrillion-firefox-linux.png
new file mode 100644
index 0000000000..770eebc102
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-quadrillion-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-quadrillion-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/grids-quadrillion-webkit-linux.png
new file mode 100644
index 0000000000..4cd4bf74b6
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-quadrillion-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-static-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/grids-static-chromium-linux.png
new file mode 100644
index 0000000000..37142b9c11
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-static-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-static-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/grids-static-firefox-linux.png
new file mode 100644
index 0000000000..b441b705dd
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-static-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-static-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/grids-static-webkit-linux.png
new file mode 100644
index 0000000000..9ee9ee9ca2
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-static-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-tree-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/grids-tree-chromium-linux.png
new file mode 100644
index 0000000000..578f8953c7
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-tree-chromium-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-tree-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/grids-tree-firefox-linux.png
new file mode 100644
index 0000000000..e3e4be2056
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-tree-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/grids-tree-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/grids-tree-webkit-linux.png
new file mode 100644
index 0000000000..6e77e50090
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/grids-tree-webkit-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-24-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/icons-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-24-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/icons-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-24-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/icons-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-24-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/icons-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-24-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/icons-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-24-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/icons-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-15-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-15-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/inputs-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-15-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-15-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/inputs-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-15-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-15-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/inputs-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-16-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/item-list-inputs-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-16-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/item-list-inputs-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-16-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/item-list-inputs-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-16-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/item-list-inputs-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-16-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/item-list-inputs-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-16-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/item-list-inputs-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-19-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/modals-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-19-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/modals-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-19-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/modals-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-19-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/modals-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-19-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/modals-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-19-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/modals-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-22-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/navigations-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-22-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/navigations-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-22-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/navigations-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-22-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/navigations-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-22-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/navigations-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-22-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/navigations-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-13-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/progress-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-13-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/progress-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-13-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/progress-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-13-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/progress-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-13-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/progress-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-13-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/progress-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-4-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/semantic-colors-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-4-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/semantic-colors-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-4-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/semantic-colors-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-4-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/semantic-colors-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-4-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/semantic-colors-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-4-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/semantic-colors-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-28-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-buttons-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-28-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-buttons-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/spectrum-buttons-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-buttons-firefox-linux.png
new file mode 100644
index 0000000000..3e1ce77003
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/spectrum-buttons-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-28-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-buttons-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-28-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-buttons-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-29-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-collections-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-29-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-collections-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/spectrum-collections-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-collections-firefox-linux.png
new file mode 100644
index 0000000000..970a944738
Binary files /dev/null and b/tests/styleguide.spec.ts-snapshots/spectrum-collections-firefox-linux.png differ
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-29-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-collections-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-29-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-collections-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-30-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-content-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-30-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-content-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-30-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-content-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-30-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-content-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-30-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-content-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-30-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-content-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-31-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-forms-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-31-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-forms-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-31-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-forms-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-31-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-forms-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-31-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-forms-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-31-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-forms-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-32-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-overlays-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-32-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-overlays-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-32-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-overlays-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-32-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-overlays-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-32-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-overlays-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-32-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-overlays-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-33-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-well-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-33-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-well-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-33-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-well-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-33-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-well-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-33-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/spectrum-well-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-33-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/spectrum-well-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-3-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/theme-color-palette-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-3-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/theme-color-palette-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-3-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/theme-color-palette-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-3-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/theme-color-palette-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-3-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/theme-color-palette-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-3-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/theme-color-palette-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-18-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/time-slider-inputs-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-18-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/time-slider-inputs-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-18-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/time-slider-inputs-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-18-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/time-slider-inputs-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-18-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/time-slider-inputs-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-18-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/time-slider-inputs-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-23-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/tooltips-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-23-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/tooltips-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-23-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/tooltips-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-23-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/tooltips-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-23-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/tooltips-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-23-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/tooltips-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-1-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/typography-chromium-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-1-chromium-linux.png
rename to tests/styleguide.spec.ts-snapshots/typography-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-1-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/typography-firefox-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-1-firefox-linux.png
rename to tests/styleguide.spec.ts-snapshots/typography-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/UI-regression-test-1-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/typography-webkit-linux.png
similarity index 100%
rename from tests/styleguide.spec.ts-snapshots/UI-regression-test-1-webkit-linux.png
rename to tests/styleguide.spec.ts-snapshots/typography-webkit-linux.png