diff --git a/frontend/src/pages/preferences.vue b/frontend/src/pages/preferences.vue
index 078d5cd524b..ea1b5c8748a 100644
--- a/frontend/src/pages/preferences.vue
+++ b/frontend/src/pages/preferences.vue
@@ -124,7 +124,7 @@ const doneHydrating = computed(() => useHydrating())
             @change="handleChange"
           >
             <div>
-              <strong>{{ flag.name }}</strong>
+              <strong>{{ flag.name }}{{ `: ${flag.state}` }}</strong>
               <br />
               {{ flag.description }}
             </div>
diff --git a/frontend/test/playwright/e2e/preferences.spec.ts b/frontend/test/playwright/e2e/preferences.spec.ts
index 74d69d52631..72621899947 100644
--- a/frontend/test/playwright/e2e/preferences.spec.ts
+++ b/frontend/test/playwright/e2e/preferences.spec.ts
@@ -1,4 +1,4 @@
-import { type Page, test } from "@playwright/test"
+import { type Page, expect, test } from "@playwright/test"
 
 import { preparePageForTests } from "~~/test/playwright/utils/navigation"
 
@@ -104,6 +104,10 @@ const toggleChecked = async (
     },
     [name, !originalChecked ? "bg-tertiary" : "bg-default"] as const
   )
+
+  await expect(
+    page.getByText(`${name}: ${!originalChecked ? "on" : "off"}`).first()
+  ).toBeVisible()
 }
 
 test.describe("switchable features", () => {