diff --git a/frontend/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationDetails.tsx b/frontend/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationDetails.tsx
index f3cb7c33a..7af717f81 100644
--- a/frontend/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationDetails.tsx
+++ b/frontend/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationDetails.tsx
@@ -116,12 +116,13 @@ export const IntegrationDetails = ({ integration }: Props) => {
           <div className={FIELD_CLASSNAME}>{integration.targetService}</div>
         </div>
       )}
-      {(integration.integration === "checkly" || integration.integration === "github") && (
-        <div>
-          <FormLabel label="Secret Suffix" />
-          <div className={FIELD_CLASSNAME}>{integration?.metadata?.secretSuffix || "-"}</div>
-        </div>
-      )}
+      {(integration.integration === "checkly" || integration.integration === "github") &&
+        integration?.metadata?.secretSuffix && (
+          <div>
+            <FormLabel label="Secret Suffix" />
+            <div className={FIELD_CLASSNAME}>{integration.metadata.secretSuffix}</div>
+          </div>
+        )}
       {integration.integration === "github" && integration.metadata?.githubVisibility ? (
         <div className="mt-2 text-xs text-mineshaft-200">
           {/* eslint-disable-next-line no-nested-ternary */}