From 9fcb1c2161afd061794697d6c61677c8e389fff0 Mon Sep 17 00:00:00 2001
From: Sheen Capadngan <sheensantoscapadngan@gmail.com>
Date: Wed, 29 Jan 2025 04:38:16 +0800
Subject: [PATCH] misc: added emphasis on suffix

---
 .../components/AppConnectionForm/GcpConnectionForm.tsx      | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/organization/SettingsPage/components/AppConnectionsTab/components/AppConnectionForm/GcpConnectionForm.tsx b/frontend/src/pages/organization/SettingsPage/components/AppConnectionsTab/components/AppConnectionForm/GcpConnectionForm.tsx
index a89fd0f63..26160fe17 100644
--- a/frontend/src/pages/organization/SettingsPage/components/AppConnectionsTab/components/AppConnectionForm/GcpConnectionForm.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/AppConnectionsTab/components/AppConnectionForm/GcpConnectionForm.tsx
@@ -146,9 +146,9 @@ export const GcpConnectionForm = ({ appConnection, onSubmit }: Props) => {
                   </div>
                   <div>
                     Example:
-                    <span className="ml-1 font-semibold">
-                      {`service-account-${expectedAccountIdSuffix}@my-project.iam.gserviceaccount.com`}
-                    </span>
+                    <span className="ml-1">service-account-</span>
+                    <span className="font-semibold">{expectedAccountIdSuffix}</span>
+                    <span>@my-project.iam.gserviceaccount.com</span>
                   </div>
                 </>
               }