From ca486aa7ede85e2fd922ea958104fc5a39725419 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Frane=20Poli=C4=87?=
 <16856471+fPolic@users.noreply.github.com>
Date: Tue, 11 Feb 2025 16:08:46 +0100
Subject: [PATCH] fix(dashboard): secret key display (#11365)

CLOSES CMRC-917
---
 .../api-key-general-section/api-key-general-section.tsx       | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/admin/dashboard/src/routes/api-key-management/api-key-management-detail/components/api-key-general-section/api-key-general-section.tsx b/packages/admin/dashboard/src/routes/api-key-management/api-key-management-detail/components/api-key-general-section/api-key-general-section.tsx
index 2658b586d8..b40e26d059 100644
--- a/packages/admin/dashboard/src/routes/api-key-management/api-key-management-detail/components/api-key-general-section/api-key-general-section.tsx
+++ b/packages/admin/dashboard/src/routes/api-key-management/api-key-management-detail/components/api-key-general-section/api-key-general-section.tsx
@@ -154,7 +154,9 @@ export const ApiKeyGeneralSection = ({ apiKey }: ApiKeyGeneralSectionProps) => {
           {t("fields.key")}
         </Text>
         {apiKey.type === "secret" ? (
-          <Badge size="2xsmall">{prettifyRedactedToken(apiKey.redacted)}</Badge>
+          <Badge size="2xsmall" className="inline-block w-fit">
+            {prettifyRedactedToken(apiKey.redacted)}
+          </Badge>
         ) : (
           <Copy asChild content={apiKey.token} className="cursor-pointer">
             <Badge size="2xsmall" className="text-ui-tag-neutral-text">