diff --git a/src/components/content/credential/AddCredential.tsx b/src/components/content/credential/AddCredential.tsx
index ed7b8cc4a..49718bb52 100644
--- a/src/components/content/credential/AddCredential.tsx
+++ b/src/components/content/credential/AddCredential.tsx
@@ -19,7 +19,7 @@ import {
 import { CredentialTip } from './CredentialTip';
 import { useMutation, useQuery, UseQueryResult } from '@tanstack/react-query';
 import { cspMap } from '../order/formElements/CspSelect';
-import { CredentialApiDoc } from '../common/doc/CredentialApiDoc';
+import { CredentialApiDoc } from './CredentialApiDoc';
 
 function AddCredential({
     credentialsQuery,
diff --git a/src/components/content/common/doc/CredentialApiDoc.tsx b/src/components/content/credential/CredentialApiDoc.tsx
similarity index 91%
rename from src/components/content/common/doc/CredentialApiDoc.tsx
rename to src/components/content/credential/CredentialApiDoc.tsx
index 707f3e7e0..b9ac93da8 100644
--- a/src/components/content/common/doc/CredentialApiDoc.tsx
+++ b/src/components/content/credential/CredentialApiDoc.tsx
@@ -4,8 +4,8 @@
  */
 
 import { LinkOutlined } from '@ant-design/icons';
-import '../../../../styles/app.css';
-import { CredentialsManagementService, CredentialVariables, Link } from '../../../../xpanse-api/generated';
+import '../../../styles/app.css';
+import { CredentialsManagementService, CredentialVariables, Link } from '../../../xpanse-api/generated';
 
 export function CredentialApiDoc({
     csp,
diff --git a/src/components/content/credential/UpdateCredential.tsx b/src/components/content/credential/UpdateCredential.tsx
index 21b517cf1..2fc9688cd 100644
--- a/src/components/content/credential/UpdateCredential.tsx
+++ b/src/components/content/credential/UpdateCredential.tsx
@@ -19,7 +19,7 @@ import '../../../styles/credential.css';
 import { CredentialTip } from './CredentialTip';
 import { useMutation, UseQueryResult } from '@tanstack/react-query';
 import { cspMap } from '../order/formElements/CspSelect';
-import { CredentialApiDoc } from '../common/doc/CredentialApiDoc';
+import { CredentialApiDoc } from './CredentialApiDoc';
 
 function UpdateCredential({
     createCredential,
@@ -194,7 +194,7 @@ function UpdateCredential({
             <CredentialApiDoc
                 csp={createCredential.csp}
                 credentialType={createCredential.type}
-                styleClass={'add-credential-api-doc'}
+                styleClass={'update-credential-api-doc'}
             />
             <Form
                 form={form}
diff --git a/src/styles/credential.css b/src/styles/credential.css
index 6f4da2d48..bf56828bd 100644
--- a/src/styles/credential.css
+++ b/src/styles/credential.css
@@ -66,5 +66,18 @@
     display: inline;
     padding: 0;
     margin-top: -27px;
-    margin-right: 680px;
+    margin-right: 240px;
 }
+
+.update-credential-api-doc{
+    font-size: 6px;
+    font-weight: bold;
+    float: right;
+    background-color: transparent;
+    border: none;
+    cursor: pointer;
+    display: inline;
+    padding: 0;
+    margin-top: -27px;
+    margin-right: 250px;
+}
\ No newline at end of file