diff --git a/src/frontend/src/flows/manage/authenticatorsSection.ts b/src/frontend/src/flows/manage/authenticatorsSection.ts
index 647c989def..37429e67cb 100644
--- a/src/frontend/src/flows/manage/authenticatorsSection.ts
+++ b/src/frontend/src/flows/manage/authenticatorsSection.ts
@@ -92,7 +92,7 @@ export const authenticatorsSection = ({
           )}</ul>
           <div class="c-action-list__actions">
             <button
-              ?disabled=${authenticators.length >= MAX_AUTHENTICATORS}
+              .disabled=${authenticators.length >= MAX_AUTHENTICATORS}
               class="c-button c-button--primary c-tooltip c-tooltip--onDisabled c-tooltip--left"
               @click="${() => onAddDevice()}"
               id="addAdditionalDevice"
diff --git a/src/showcase/src/pages/displayManageMaxDevices.astro b/src/showcase/src/pages/displayManageMaxDevices.astro
new file mode 100644
index 0000000000..c2a6eeab87
--- /dev/null
+++ b/src/showcase/src/pages/displayManageMaxDevices.astro
@@ -0,0 +1,116 @@
+---
+import Screen from "../layouts/Screen.astro";
+---
+
+<Screen title="Display Manage" pageName="displayManage">
+  <script>
+    import { toast } from "$src/components/toast";
+    import { userNumber } from "../constants";
+    import { dapps } from "../constants";
+    import { displayManagePage } from "$src/flows/manage";
+    import { html } from "lit-html";
+    import identityCardBackground from "$src/assets/identityCardBackground.png";
+    import { PreLoadImage } from "$src/utils/preLoadImage";
+
+    const identityBackground = new PreLoadImage(identityCardBackground.src);
+
+    displayManagePage({
+      identityBackground,
+      userNumber,
+      devices: {
+        authenticators: [
+          {
+            alias: "Chrome on iPhone",
+            remove: () => toast.info("remove"),
+            rename: () => toast.info("rename"),
+            last_usage: [BigInt(Date.now() * 1000000)],
+          },
+          {
+            alias: "Yubikey Blue",
+            remove: () => toast.info("remove"),
+            rename: () => toast.info("rename"),
+            last_usage: [
+              BigInt(Date.now() * 1000000 - 1_000_000_000 * 60 * 60 * 24 * 7),
+            ],
+          },
+          {
+            alias: "Yubikey Blue",
+            remove: () => toast.info("remove"),
+            rename: () => toast.info("rename"),
+            last_usage: [
+              BigInt(Date.now() * 1000000 - 1_000_000_000 * 60 * 60 * 24 * 30),
+            ],
+          },
+          {
+            alias: "Yubikey Blue",
+            remove: () => toast.info("remove"),
+            rename: () => toast.info("rename"),
+            last_usage: [
+              BigInt(Date.now() * 1000000 - 1_000_000_000 * 60 * 60 * 24 * 30),
+            ],
+          },
+          {
+            alias: "Yubikey Blue",
+            remove: () => toast.info("remove"),
+            rename: () => toast.info("rename"),
+            last_usage: [
+              BigInt(Date.now() * 1000000 - 1_000_000_000 * 60 * 60 * 24 * 30),
+            ],
+          },
+          {
+            alias: "Yubikey Blue",
+            remove: () => toast.info("remove"),
+            rename: () => toast.info("rename"),
+            last_usage: [
+              BigInt(Date.now() * 1000000 - 1_000_000_000 * 60 * 60 * 24 * 30),
+            ],
+          },
+          {
+            alias: "Yubikey Blue",
+            remove: () => toast.info("remove"),
+            rename: () => toast.info("rename"),
+            last_usage: [
+              BigInt(Date.now() * 1000000 - 1_000_000_000 * 60 * 60 * 24 * 30),
+            ],
+          },
+          {
+            alias: "Yubikey Blue",
+            remove: () => toast.info("remove"),
+            rename: () => toast.info("rename"),
+            last_usage: [
+              BigInt(Date.now() * 1000000 - 1_000_000_000 * 60 * 60 * 24 * 30),
+            ],
+          },
+        ],
+        recoveries: {
+          recoveryPhrase: {
+            isProtected: true,
+            unprotect: () => toast.info("unprotect"),
+            reset: () => toast.info("reset"),
+          },
+        },
+        pinAuthenticators: [],
+      },
+      onAddDevice: () => {
+        toast.info("add device requested");
+      },
+      addRecoveryPhrase: () => {
+        toast.info("add recovery phrase");
+      },
+      addRecoveryKey: () => {
+        toast.info("add recovery key");
+      },
+      credentials: [],
+      onLinkAccount: () => {
+        toast.info("link account");
+      },
+      onUnlinkAccount: () => {
+        toast.info("unlink account");
+      },
+      dapps,
+      exploreDapps: () => {
+        toast.info("explore dapps");
+      },
+    });
+  </script>
+</Screen>