From 62764a6dd2170a21679163620cb1d5a6ee1fd24e Mon Sep 17 00:00:00 2001
From: Andreas Thomas <dev@chronark.com>
Date: Mon, 9 Dec 2024 15:09:36 +0100
Subject: [PATCH] docs: add an example of how the prefix looks (#2722)

* docs: add an example of how the prefix looks

* chore: use span
---
 .../app/(app)/apis/[apiId]/keys/[keyAuthId]/new/client.tsx     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/new/client.tsx b/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/new/client.tsx
index 8f26f4f83..ac39d56f3 100644
--- a/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/new/client.tsx
+++ b/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/new/client.tsx
@@ -251,7 +251,8 @@ export const CreateKey = ({ apiId, keyAuthId, defaultBytes, defaultPrefix }: Pro
                           </FormControl>
                           <FormDescription>
                             Using a prefix can make it easier for your users to distinguish between
-                            apis. Don't add a trailing underscore, we'll do that automatically.
+                            apis. Don't add a trailing underscore, we'll do that automatically:{" "}
+                            <span className="font-mono font-light">{"<prefix>_randombytes"}</span>
                           </FormDescription>
                           <FormMessage />
                         </FormItem>