diff --git a/src/components/content/catalog/services/details/ServiceDetail.tsx b/src/components/content/catalog/services/details/ServiceDetail.tsx
index 3265d287c..1166bd076 100644
--- a/src/components/content/catalog/services/details/ServiceDetail.tsx
+++ b/src/components/content/catalog/services/details/ServiceDetail.tsx
@@ -10,6 +10,7 @@ import appStyles from '../../../../../styles/app.module.css';
 import catalogStyles from '../../../../../styles/catalog.module.css';
 import oclDisplayStyles from '../../../../../styles/ocl-display.module.css';
 import { ServiceTemplateDetailVo } from '../../../../../xpanse-api/generated';
+import { ServiceTemplateRegisterStatus } from '../../../common/catalog/ServiceTemplateRegisterStatus.tsx';
 import { ApiDoc } from '../../../common/doc/ApiDoc';
 import { AgreementText } from '../../../common/ocl/AgreementText';
 import { BillingText } from '../../../common/ocl/BillingText';
@@ -17,7 +18,6 @@ import { ContactDetailsShowType } from '../../../common/ocl/ContactDetailsShowTy
 import { ContactDetailsText } from '../../../common/ocl/ContactDetailsText';
 import { DeploymentText } from '../../../common/ocl/DeploymentText';
 import { FlavorsText } from '../../../common/ocl/FlavorsText';
-import { ServiceRegistrationStatus } from './ServiceRegistrationStatus';
 import { ShowIcon } from './ShowIcon';
 
 function ServiceDetail({ serviceDetails }: { serviceDetails: ServiceTemplateDetailVo }): React.JSX.Element {
@@ -56,7 +56,7 @@ function ServiceDetail({ serviceDetails }: { serviceDetails: ServiceTemplateDeta
                     <Tag color='cyan'>{serviceDetails.namespace}</Tag>
                 </Descriptions.Item>
                 <Descriptions.Item label='Status'>
-                    <ServiceRegistrationStatus serviceStatus={serviceDetails.serviceRegistrationState} />
+                    <ServiceTemplateRegisterStatus serviceRegistrationState={serviceDetails.serviceRegistrationState} />
                 </Descriptions.Item>
                 <Descriptions.Item label='CredentialType'>{serviceDetails.deployment.credentialType}</Descriptions.Item>
                 <Descriptions.Item label='Deployment'>
diff --git a/src/components/content/catalog/services/details/ServiceRegistrationStatus.tsx b/src/components/content/catalog/services/details/ServiceRegistrationStatus.tsx
deleted file mode 100644
index e9448e788..000000000
--- a/src/components/content/catalog/services/details/ServiceRegistrationStatus.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * SPDX-License-Identifier: Apache-2.0
- * SPDX-FileCopyrightText: Huawei Inc.
- */
-
-import { CheckCircleOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
-import { Tag } from 'antd';
-import React from 'react';
-import catalogStyles from '../../../../../styles/catalog.module.css';
-import { ServiceTemplateDetailVo } from '../../../../../xpanse-api/generated';
-import serviceRegistrationState = ServiceTemplateDetailVo.serviceRegistrationState;
-
-export function ServiceRegistrationStatus({
-    serviceStatus,
-}: {
-    serviceStatus: ServiceTemplateDetailVo.serviceRegistrationState;
-}): React.JSX.Element {
-    switch (serviceStatus) {
-        case serviceRegistrationState.APPROVED:
-            return (
-                <Tag icon={<CheckCircleOutlined />} color='success' className={catalogStyles.catalogServiceStatusSize}>
-                    {serviceStatus.valueOf()}
-                </Tag>
-            );
-        case ServiceTemplateDetailVo.serviceRegistrationState.APPROVAL_PENDING:
-            return (
-                <Tag
-                    icon={<ExclamationCircleOutlined />}
-                    color='orange'
-                    className={catalogStyles.catalogServiceStatusSize}
-                >
-                    {serviceStatus.valueOf()}
-                </Tag>
-            );
-        default:
-            return (
-                <Tag
-                    icon={<ExclamationCircleOutlined />}
-                    color='warning'
-                    className={catalogStyles.catalogServiceStatusSize}
-                >
-                    {serviceStatus as string}
-                </Tag>
-            );
-    }
-}
diff --git a/src/components/content/catalog/services/unregister/UnregisterResult.tsx b/src/components/content/catalog/services/unregister/UnregisterResult.tsx
index 2582b14a6..b57b9138e 100644
--- a/src/components/content/catalog/services/unregister/UnregisterResult.tsx
+++ b/src/components/content/catalog/services/unregister/UnregisterResult.tsx
@@ -35,8 +35,8 @@ export function UnregisterResult({
         if (useUnregisterRequestState[0].status === 'success') {
             return (
                 <Alert
-                    message='Unregister:'
-                    description={'Service Unregistered Successfully'}
+                    message='Service Unregistered Successfully'
+                    description={'Service removed from the catalog.'}
                     showIcon
                     type={'success'}
                     closable={true}
@@ -53,7 +53,7 @@ export function UnregisterResult({
                         useUnregisterRequestState[0].error.body &&
                         'details' in useUnregisterRequestState[0].error.body ? (
                             <Alert
-                                message='Unregister:'
+                                message='Unregister Request Failed'
                                 description={(useUnregisterRequestState[0].error.body as Response).details}
                                 showIcon
                                 type={'error'}
@@ -62,7 +62,7 @@ export function UnregisterResult({
                             />
                         ) : (
                             <Alert
-                                message='Unregister:'
+                                message='Unregister Request Failed'
                                 description={useUnregisterRequestState[0].error.message}
                                 showIcon
                                 type={'error'}
diff --git a/src/components/content/review/ServiceTemplateRegisterStatus.tsx b/src/components/content/common/catalog/ServiceTemplateRegisterStatus.tsx
similarity index 88%
rename from src/components/content/review/ServiceTemplateRegisterStatus.tsx
rename to src/components/content/common/catalog/ServiceTemplateRegisterStatus.tsx
index ee6e60c8f..38f571f25 100644
--- a/src/components/content/review/ServiceTemplateRegisterStatus.tsx
+++ b/src/components/content/common/catalog/ServiceTemplateRegisterStatus.tsx
@@ -6,12 +6,14 @@
 import { CheckCircleOutlined, CloseCircleOutlined, ExclamationCircleOutlined, SyncOutlined } from '@ant-design/icons';
 import { Tag } from 'antd';
 import React from 'react';
-import serviceReviewStyles from '../../../styles/service-review.module.css';
-import { ServiceTemplateDetailVo } from '../../../xpanse-api/generated';
+import serviceReviewStyles from '../../../../styles/service-review.module.css';
+import { ServiceTemplateDetailVo } from '../../../../xpanse-api/generated';
 
-export function ServiceTemplateRegisterStatus(
-    serviceRegistrationState: ServiceTemplateDetailVo.serviceRegistrationState
-): React.JSX.Element {
+export function ServiceTemplateRegisterStatus({
+    serviceRegistrationState,
+}: {
+    serviceRegistrationState: ServiceTemplateDetailVo.serviceRegistrationState;
+}): React.JSX.Element {
     switch (serviceRegistrationState) {
         case ServiceTemplateDetailVo.serviceRegistrationState.APPROVAL_PENDING:
             return (
diff --git a/src/components/content/review/ApproveOrRejectServiceTemplate.tsx b/src/components/content/review/ApproveOrRejectServiceTemplate.tsx
index d57df7118..44dca488c 100644
--- a/src/components/content/review/ApproveOrRejectServiceTemplate.tsx
+++ b/src/components/content/review/ApproveOrRejectServiceTemplate.tsx
@@ -69,8 +69,8 @@ export const ApproveOrRejectServiceTemplate = ({
         return (
             <div className={serviceReviewStyles.approveRejectAlertClass}>
                 <Alert
-                    message={errorMessage}
-                    description={'Register service review failed.'}
+                    message={'Service review request failed'}
+                    description={errorMessage}
                     showIcon
                     closable={true}
                     onClose={onClose}
@@ -84,8 +84,7 @@ export const ApproveOrRejectServiceTemplate = ({
         return (
             <div className={serviceReviewStyles.approveRejectAlertClass}>
                 <Alert
-                    message={'Processing Status'}
-                    description={'Service template reviewed successfully.'}
+                    message={'Service template review result submitted'}
                     showIcon
                     closable={true}
                     onClose={onClose}
diff --git a/src/components/content/review/ServiceReviews.tsx b/src/components/content/review/ServiceReviews.tsx
index da135a191..f2cb4493a 100644
--- a/src/components/content/review/ServiceReviews.tsx
+++ b/src/components/content/review/ServiceReviews.tsx
@@ -11,9 +11,9 @@ import React, { useState } from 'react';
 import serviceReviewStyles from '../../../styles/service-review.module.css';
 import tableStyles from '../../../styles/table.module.css';
 import { Deployment, ServiceTemplateDetailVo } from '../../../xpanse-api/generated';
+import { ServiceTemplateRegisterStatus } from '../common/catalog/ServiceTemplateRegisterStatus.tsx';
 import GetServiceTemplatesListError from './GetServiceTemplatesListError';
 import { ServiceReviewsDetails } from './ServiceReviewsDetails';
-import { ServiceTemplateRegisterStatus } from './ServiceTemplateRegisterStatus';
 import useListAllServiceTemplatesQuery from './query/useListAllServiceTemplatesQuery';
 
 export default function ServiceReviews(): React.JSX.Element {
@@ -234,8 +234,9 @@ export default function ServiceReviews(): React.JSX.Element {
             onFilter: (value: React.Key | boolean, record) =>
                 record.serviceRegistrationState.startsWith(value.toString()),
             align: 'left',
-            render: (serviceRegistrationState: ServiceTemplateDetailVo.serviceRegistrationState) =>
-                ServiceTemplateRegisterStatus(serviceRegistrationState),
+            render: (serviceRegistrationState: ServiceTemplateDetailVo.serviceRegistrationState) => (
+                <ServiceTemplateRegisterStatus serviceRegistrationState={serviceRegistrationState} />
+            ),
         },
         {
             title: 'Deployer Type',
diff --git a/src/components/content/review/ServiceReviewsDetails.tsx b/src/components/content/review/ServiceReviewsDetails.tsx
index 847050e2b..0d469e88d 100644
--- a/src/components/content/review/ServiceReviewsDetails.tsx
+++ b/src/components/content/review/ServiceReviewsDetails.tsx
@@ -107,8 +107,6 @@ export const ServiceReviewsDetails = ({
                                     {currentServiceTemplateVo.name}
                                 </Paragraph>
                             </Tooltip>
-                            <br />
-                            <br />
                         </div>
                         <div>
                             <b>Cloud Service Provider</b>