diff --git a/src/css/manage.scss b/src/css/manage.scss
index 0509be08..f3a4a373 100644
--- a/src/css/manage.scss
+++ b/src/css/manage.scss
@@ -7,6 +7,7 @@
 @use 'common/theme';
 @use 'common/badges';
 @use 'common/switch';
+@use 'common/direction';
 @use 'common/select';
 @use 'manage/cloud';
 
diff --git a/tests/e2e/code-snippets-list.spec.ts b/tests/e2e/code-snippets-list.spec.ts
index 07ecedf5..1b01bd06 100644
--- a/tests/e2e/code-snippets-list.spec.ts
+++ b/tests/e2e/code-snippets-list.spec.ts
@@ -28,6 +28,9 @@ test.describe('Code Snippets List Page Actions', () => {
 
 		await expect(toggleSwitch).toHaveAttribute('title', 'Deactivate')
 
+		// Check that the toggle is rendered to the right (active)
+		await expect(snippetRow).toHaveScreenshot('snippet-row-active.png')
+
 		await toggleSwitch.click()
 		await page.waitForLoadState('networkidle')
 
@@ -35,6 +38,9 @@ test.describe('Code Snippets List Page Actions', () => {
 		const updatedToggle = updatedRow.locator('a.snippet-activation-switch')
 		await expect(updatedToggle).toHaveAttribute('title', 'Activate')
 
+		// Check that the toggle is rendered to the left (inactive)
+		await expect(updatedRow).toHaveScreenshot('snippet-row-inactive.png')
+
 		await updatedToggle.click()
 		await page.waitForLoadState('networkidle')
 
diff --git a/tests/e2e/code-snippets-list.spec.ts-snapshots/snippet-row-active-linux.png b/tests/e2e/code-snippets-list.spec.ts-snapshots/snippet-row-active-linux.png
new file mode 100644
index 00000000..6df3b346
Binary files /dev/null and b/tests/e2e/code-snippets-list.spec.ts-snapshots/snippet-row-active-linux.png differ
diff --git a/tests/e2e/code-snippets-list.spec.ts-snapshots/snippet-row-inactive-linux.png b/tests/e2e/code-snippets-list.spec.ts-snapshots/snippet-row-inactive-linux.png
new file mode 100644
index 00000000..7e9e376d
Binary files /dev/null and b/tests/e2e/code-snippets-list.spec.ts-snapshots/snippet-row-inactive-linux.png differ
diff --git a/tests/playwright/playwright.config.ts b/tests/playwright/playwright.config.ts
index cde090e2..10c2e67f 100644
--- a/tests/playwright/playwright.config.ts
+++ b/tests/playwright/playwright.config.ts
@@ -10,6 +10,7 @@ const WORKERS = 1
  */
 export default defineConfig({
 	testDir: '../e2e',
+	snapshotPathTemplate: '{testDir}/{testFileDir}/{testFileName}-snapshots/{arg}-{platform}{ext}',
 	fullyParallel: true,
 	forbidOnly: !!process.env.CI,
 	retries: process.env.CI ? RETRIES : 0,
@@ -66,6 +67,7 @@ export default defineConfig({
 	timeout: 30000,
 
 	expect: {
-		timeout: 10000
+		timeout: 10000,
+		toHaveScreenshot: { maxDiffPixels: 100 }
 	}
 })