From 21a3b14c281c874ca33748bffabaddf0e4895f9f Mon Sep 17 00:00:00 2001
From: karanh37 <33024356+karanh37@users.noreply.github.com>
Date: Mon, 23 Oct 2023 22:41:45 +0530
Subject: [PATCH] UI feedbacks (#13684)

* fix: minor ui feedbacks

* fix: feedbacks

* fix: css on explore

* fix: domain cypress

* fix: profile picture alignment issues
---
 .../ui/cypress/common/DomainUtils.js          | 10 ++++-
 .../ui/cypress/e2e/Pages/Domains.spec.js      |  2 +-
 .../resources/ui/src/assets/svg/ic-domain.svg |  9 +++-
 .../DataProductsDetailsPage.component.tsx     |  2 +-
 .../DomainExperts/DomainExperts.component.tsx |  1 +
 .../GlossaryTermSummary.component.tsx         |  4 +-
 .../components/ExploreV1/ExploreV1.style.less |  1 +
 .../GlossaryDetailsRightPanel.component.tsx   |  1 +
 .../GlossaryReviewers.tsx                     |  1 +
 .../Tag/TagsContainerV2/TagsContainerV2.tsx   |  8 ++--
 .../common/PopOverCard/UserPopOverCard.tsx    |  2 +-
 .../ui/src/locale/languages/de-de.json        |  2 +-
 .../ui/src/locale/languages/en-us.json        |  2 +-
 .../ui/src/locale/languages/es-es.json        |  2 +-
 .../ui/src/locale/languages/fr-fr.json        |  2 +-
 .../ui/src/locale/languages/ja-jp.json        |  2 +-
 .../ui/src/locale/languages/pt-br.json        |  2 +-
 .../ui/src/locale/languages/ru-ru.json        |  2 +-
 .../ui/src/locale/languages/zh-cn.json        |  2 +-
 .../pages/MarketPlacePage/MarketPlacePage.tsx | 45 ++++++++++++++++---
 .../pages/MarketPlacePage/market-place.less   |  4 +-
 .../src/pages/TasksPage/shared/Assignee.less  |  6 +++
 .../src/pages/TasksPage/shared/Assignees.tsx  | 10 ++++-
 .../src/main/resources/ui/src/styles/app.less |  4 --
 .../styles/components/profile-picture.less    |  2 +-
 .../resources/ui/src/utils/DomainUtils.tsx    |  1 +
 .../resources/ui/src/utils/TableUtils.tsx     | 15 ++++++-
 27 files changed, 107 insertions(+), 37 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/cypress/common/DomainUtils.js b/openmetadata-ui/src/main/resources/ui/cypress/common/DomainUtils.js
index 639cbd5dbba..b575d083b4b 100644
--- a/openmetadata-ui/src/main/resources/ui/cypress/common/DomainUtils.js
+++ b/openmetadata-ui/src/main/resources/ui/cypress/common/DomainUtils.js
@@ -132,6 +132,10 @@ export const updateAssets = (domainObj) => {
 
   cy.get('[data-testid="domain-link"]').should('contain', domainObj.name);
 
+  cy.get('[data-testid="app-bar-item-domain"]')
+    .should('be.visible')
+    .click({ force: true });
+
   goToAssetsTab(domainObj);
 
   cy.get('.assets-data-container [data-testid="entity-header-display-name"]')
@@ -147,7 +151,7 @@ export const removeAssets = (domainObj) => {
   verifyResponseStatusCode('@assetTab', 200);
 
   interceptURL('GET', '/api/v1/domain*', 'domains');
-  interceptURL('PATCH', '/api/v1/table/*', 'patchDomain');
+  interceptURL('PATCH', '/api/v1/tables/*', 'patchDomain');
 
   cy.get('[data-testid="entity-header-display-name"]')
     .contains(entity.term)
@@ -160,6 +164,10 @@ export const removeAssets = (domainObj) => {
   cy.get('[data-testid="remove-owner"]').click();
   verifyResponseStatusCode('@patchDomain', 200);
 
+  cy.get('[data-testid="app-bar-item-domain"]')
+    .should('be.visible')
+    .click({ force: true });
+
   goToAssetsTab(domainObj);
   cy.contains('Adding a new Asset is easy, just give it a spin!').should(
     'be.visible'
diff --git a/openmetadata-ui/src/main/resources/ui/cypress/e2e/Pages/Domains.spec.js b/openmetadata-ui/src/main/resources/ui/cypress/e2e/Pages/Domains.spec.js
index 6aebab6e51f..b833dda73f0 100644
--- a/openmetadata-ui/src/main/resources/ui/cypress/e2e/Pages/Domains.spec.js
+++ b/openmetadata-ui/src/main/resources/ui/cypress/e2e/Pages/Domains.spec.js
@@ -57,7 +57,7 @@ describe('Domain page should work properly', () => {
     updateDomainDetails(DOMAIN_1);
   });
 
-  it.skip('Assets Tab should work properly', () => {
+  it('Assets Tab should work properly', () => {
     updateAssets(DOMAIN_1);
   });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-domain.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-domain.svg
index ff47af7ff9b..bdac92e51e8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-domain.svg
+++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-domain.svg
@@ -1,3 +1,8 @@
-<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.54797 2.04037C3.64821 2.51081 1.46471 4.72011 1.05443 7.60196C0.988367 8.06543 0.988367 8.94358 1.05443 9.40704C1.44732 12.1669 3.46741 14.3205 6.21418 14.9059C6.62099 14.993 6.71139 15 7.50412 15C8.29686 15 8.38726 14.993 8.79059 14.9094C9.65634 14.7212 10.4352 14.3937 11.1375 13.9232C12.6674 12.8952 13.6965 11.2609 13.9538 9.44189C14.0129 9.02024 14.0234 8.09331 13.9712 7.66817C13.8008 6.27429 13.1263 4.9048 12.111 3.88727C11.2105 2.98124 10.091 2.37839 8.80797 2.10658C8.44985 2.02992 8.28296 2.01249 7.62582 2.00204C7.07299 1.99507 6.77397 2.00552 6.54797 2.04037ZM7.22597 3.94651V5.37872L6.61055 5.35781C5.86649 5.33342 4.99378 5.26373 4.95554 5.22888C4.91729 5.19403 5.13982 4.62951 5.338 4.25316C5.81086 3.36804 6.36022 2.81049 6.98259 2.59095C7.10775 2.54914 7.21206 2.51081 7.21902 2.51081C7.22249 2.51081 7.22597 3.15548 7.22597 3.94651ZM8.10563 2.62232C8.81145 2.89412 9.51031 3.75136 9.95536 4.87692C10.0249 5.05464 10.0701 5.21494 10.0527 5.22888C10.0145 5.26721 9.14871 5.33342 8.38379 5.35781L7.74751 5.37872V3.94302V2.51081L7.84486 2.53171C7.89702 2.54565 8.01523 2.58398 8.10563 2.62232ZM5.57095 2.97079C5.17806 3.39592 4.73302 4.18347 4.49311 4.86995C4.40271 5.12782 4.38185 5.15918 4.30535 5.15918C4.16628 5.15918 3.05366 4.96056 2.79985 4.89086C2.74421 4.87692 2.74421 4.86647 2.81375 4.77238C2.9424 4.58769 3.44655 4.07544 3.69689 3.86984C4.18366 3.47258 4.79212 3.12063 5.41797 2.87322C5.58138 2.81049 5.72742 2.75822 5.7448 2.75473C5.75871 2.75473 5.68222 2.85231 5.57095 2.97079ZM9.67373 2.90806C10.5256 3.23214 11.4365 3.88378 12.0485 4.59815C12.2188 4.80026 12.2571 4.86647 12.2188 4.88738C12.1597 4.92222 10.835 5.15918 10.7064 5.15918C10.6229 5.15918 10.6055 5.13479 10.5186 4.87344C10.2857 4.20089 9.83019 3.39941 9.43729 2.97427C9.21477 2.73034 9.21477 2.73383 9.67373 2.90806ZM3.74209 5.6122C4.14889 5.67841 4.23581 5.7028 4.21843 5.74461C4.12108 6.00248 3.94375 7.19425 3.90203 7.84938L3.87769 8.26057H2.69554H1.51338L1.53772 7.9574C1.58988 7.25001 1.78806 6.56701 2.14966 5.83522L2.39304 5.34387L2.81723 5.43796C3.05366 5.49023 3.46741 5.56689 3.74209 5.6122ZM12.9142 5.94324C13.2237 6.59488 13.4114 7.28137 13.4705 7.97831L13.4949 8.26057H12.3127H11.134L11.0923 7.70999C11.0436 7.0688 10.9741 6.57049 10.8594 6.06521C10.8142 5.8631 10.7794 5.69583 10.7829 5.69234C10.7863 5.69234 11.0784 5.64007 11.433 5.58083C11.7877 5.51811 12.1945 5.44145 12.337 5.41008L12.5978 5.34736L12.6639 5.4519C12.7021 5.51114 12.8134 5.73068 12.9142 5.94324ZM5.48751 5.82128C5.70655 5.84219 6.18985 5.86658 6.5584 5.88052L7.22597 5.90143V7.08274V8.26057H5.81782H4.40966V8.14558C4.40966 7.68908 4.54178 6.69594 4.67738 6.12445L4.76431 5.74461L4.92772 5.76552C5.01465 5.77946 5.26846 5.80385 5.48751 5.82128ZM10.2822 5.88052C10.4143 6.37535 10.5395 7.2291 10.5812 7.88423L10.6055 8.26057H9.17652H7.74751V7.08274V5.90143L8.48809 5.87703C8.89142 5.8631 9.43034 5.83173 9.6772 5.80734C9.92754 5.78295 10.157 5.75855 10.1883 5.75507C10.23 5.75158 10.2578 5.7934 10.2822 5.88052ZM3.90203 9.15614C3.94375 9.81475 4.12108 11.0065 4.21843 11.2644C4.23581 11.3062 4.13151 11.3341 3.67255 11.4073C3.35963 11.4595 2.94588 11.5397 2.74769 11.585L2.39304 11.6651L2.14966 11.1738C1.78806 10.442 1.58988 9.759 1.53772 9.0516L1.51338 8.74843H2.69554H3.87769L3.90203 9.15614ZM7.22597 9.92626V11.1076L6.52363 11.1285C6.13422 11.1424 5.58486 11.1773 5.29628 11.2052C5.01117 11.233 4.77126 11.2574 4.76778 11.2574C4.76431 11.2574 4.72258 11.0902 4.67391 10.8811C4.56612 10.4211 4.45834 9.66143 4.42705 9.13872L4.40271 8.74843H5.81434H7.22597V9.92626ZM10.5986 8.87737C10.5986 9.31644 10.4665 10.3166 10.3309 10.8846L10.2439 11.2644L10.0805 11.2435C9.71197 11.1947 9.07917 11.1529 8.43594 11.1285L7.74751 11.1076V9.92626V8.74843H9.17305H10.5986V8.87737ZM13.4705 9.0516C13.4184 9.74158 13.2167 10.4455 12.8586 11.1738L12.6152 11.6651L12.2432 11.585C12.0346 11.5397 11.6243 11.463 11.3287 11.4108C11.0332 11.362 10.7863 11.3167 10.7829 11.3167C10.7794 11.3132 10.8142 11.1459 10.8594 10.9438C10.9741 10.4385 11.0436 9.9402 11.0923 9.29553L11.134 8.74843H12.3127H13.4949L13.4705 9.0516ZM7.22597 13.066V14.4912L7.09732 14.4564C6.45062 14.2822 5.8352 13.6863 5.338 12.7558C5.18849 12.4736 4.9312 11.8638 4.9312 11.7906C4.9312 11.7697 5.16763 11.7383 5.48055 11.7139C5.77957 11.693 6.08206 11.6686 6.14812 11.6616C6.21418 11.6582 6.48538 11.6477 6.74963 11.6477L7.22597 11.6407V13.066ZM9.52074 11.7139C9.79889 11.7348 10.0388 11.7662 10.0527 11.7801C10.0701 11.7941 10.0249 11.9544 9.95536 12.1321C9.45816 13.397 8.65846 14.2856 7.84486 14.4773L7.74751 14.4982V13.066V11.6303L8.38379 11.6512C8.73148 11.6616 9.24259 11.6895 9.52074 11.7139ZM4.48963 12.1391C4.70868 12.7802 5.16415 13.5922 5.52575 13.9929C5.62658 14.1009 5.69612 14.195 5.68569 14.2055C5.61615 14.2787 4.51049 13.7351 4.04458 13.4005C3.46394 12.9824 2.67815 12.1844 2.78594 12.1216C2.81375 12.1077 3.09191 12.0485 3.40483 11.9927C4.12108 11.8603 4.12455 11.8603 4.27058 11.8533L4.39228 11.8498L4.48963 12.1391ZM11.5339 11.9753C11.7946 12.0241 12.0658 12.0763 12.1389 12.0972L12.271 12.1321L12.198 12.2366C12.0658 12.4213 11.5652 12.9336 11.3114 13.1392C10.8211 13.5399 10.2057 13.8953 9.58332 14.1358C9.41643 14.202 9.2704 14.2543 9.25649 14.2543C9.24606 14.2543 9.32603 14.1567 9.43729 14.0347C9.83366 13.6096 10.2961 12.7942 10.5186 12.1321L10.616 11.8429L10.8385 11.8638C10.9637 11.8777 11.2766 11.9265 11.5339 11.9753Z" fill="currentColor"/>
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.25 14.5C22.25 18.1088 21.3275 21.3405 19.8757 23.6463C18.4177 25.962 16.498 27.25 14.5 27.25C12.502 27.25 10.5823 25.962 9.12427 23.6463C7.67248 21.3405 6.75 18.1088 6.75 14.5C6.75 10.8912 7.67248 7.65945 9.12427 5.35367C10.5823 3.03802 12.502 1.75 14.5 1.75C16.498 1.75 18.4177 3.03802 19.8757 5.35367C21.3275 7.65945 22.25 10.8912 22.25 14.5Z" stroke="currentColor" stroke-opacity="0.4" stroke-width="1.5"/>
+<path d="M4 21C7.65909 21.7546 16.9818 22.8111 25 21" stroke="currentColor" stroke-opacity="0.4" stroke-width="1.5"/>
+<path d="M25 8C21.3409 7.24538 12.0182 6.1889 4 8" stroke="currentColor" stroke-opacity="0.35" stroke-width="1.5"/>
+<circle cx="14.5" cy="14.5" r="12.75" stroke="currentColor" stroke-width="1.5"/>
+<path d="M1 14H27.5" stroke="currentColor" stroke-opacity="0.4" stroke-width="1.5"/>
+<path d="M14.25 28L14.25 1.5" stroke="currentColor" stroke-opacity="0.4" stroke-width="1.5"/>
 </svg>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx
index 5dbf26bf372..57cce913ad6 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx
@@ -289,7 +289,7 @@ const DataProductsDetailsPage = ({
                     entityType: t('label.data-product'),
                   }
                 )}
-                icon={<DeleteIcon color={DE_ACTIVE_COLOR} width="18px" />}
+                icon={<DeleteIcon color={DE_ACTIVE_COLOR} width="14px" />}
                 id="delete-button"
                 name={t('label.delete')}
               />
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainExperts/DomainExperts.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainExperts/DomainExperts.component.tsx
index 8644f2346f8..3f5d8cca835 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainExperts/DomainExperts.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainExperts/DomainExperts.component.tsx
@@ -65,6 +65,7 @@ function DomainExperts({
             id={expert.id}
             name={expert.name ?? ''}
             textClass="text-xs"
+            type="circle"
             width="20"
           />
           <Link to={getUserPath(expert.name ?? '')}>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/GlossaryTermSummary/GlossaryTermSummary.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/GlossaryTermSummary/GlossaryTermSummary.component.tsx
index 78eea3150a0..5d5d4cf78a0 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/GlossaryTermSummary/GlossaryTermSummary.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/GlossaryTermSummary/GlossaryTermSummary.component.tsx
@@ -91,9 +91,7 @@ function GlossaryTermSummary({
               <Typography.Text
                 className="text-grey-body"
                 data-testid="no-reviewer-header">
-                {t('label.no-entity', {
-                  entity: t('label.children-lowercase'),
-                })}
+                {t('label.no-reviewer')}
               </Typography.Text>
             )}
           </Col>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ExploreV1/ExploreV1.style.less b/openmetadata-ui/src/main/resources/ui/src/components/ExploreV1/ExploreV1.style.less
index e69d317b788..1e19b13eae4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/ExploreV1/ExploreV1.style.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/ExploreV1/ExploreV1.style.less
@@ -68,6 +68,7 @@
   .custom-menu.ant-menu-root.ant-menu-inline {
     .ant-menu-item {
       height: 40px;
+      width: 100%;
     }
   }
 }
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryDetailsRightPanel/GlossaryDetailsRightPanel.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryDetailsRightPanel/GlossaryDetailsRightPanel.component.tsx
index 897d8808f3e..b55ad52ddf2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryDetailsRightPanel/GlossaryDetailsRightPanel.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryDetailsRightPanel/GlossaryDetailsRightPanel.component.tsx
@@ -117,6 +117,7 @@ const GlossaryDetailsRightPanel = ({
               id={owner?.id || ''}
               name={owner?.name ?? ''}
               textClass="text-xs"
+              type="circle"
               width="20"
             />
             <Link
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryDetailsRightPanel/GlossaryReviewers.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryDetailsRightPanel/GlossaryReviewers.tsx
index 5793a3909b1..653c7890954 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryDetailsRightPanel/GlossaryReviewers.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryDetailsRightPanel/GlossaryReviewers.tsx
@@ -73,6 +73,7 @@ function GlossaryReviewers({
             id={reviewer.id}
             name={reviewer.name ?? ''}
             textClass="text-xs"
+            type="circle"
             width="20"
           />
           <Link to={getUserPath(reviewer.name ?? '')}>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainerV2/TagsContainerV2.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainerV2/TagsContainerV2.tsx
index cce2d62a136..75ff7026b50 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainerV2/TagsContainerV2.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainerV2/TagsContainerV2.tsx
@@ -255,7 +255,7 @@ const TagsContainerV2 = ({
               : t('label.request-tag-plural')
           }>
           <IconRequest
-            className="cursor-pointer"
+            className="cursor-pointer align-middle"
             data-testid="request-entity-tags"
             height={14}
             name="request-tags"
@@ -276,7 +276,7 @@ const TagsContainerV2 = ({
             entity: t('label.conversation'),
           })}>
           <IconComments
-            className="cursor-pointer"
+            className="cursor-pointer align-middle"
             data-testid="tag-thread"
             height={14}
             name="comments"
@@ -306,7 +306,7 @@ const TagsContainerV2 = ({
               {!isEmpty(tags?.[tagType]) && !isEditTags && (
                 <Col>
                   <EditIcon
-                    className="cursor-pointer"
+                    className="cursor-pointer align-middle"
                     color={DE_ACTIVE_COLOR}
                     data-testid="edit-button"
                     width="14px"
@@ -341,7 +341,7 @@ const TagsContainerV2 = ({
     () =>
       permission && !isEmpty(tags?.[tagType]) ? (
         <EditIcon
-          className="hover-cell-icon cursor-pointer"
+          className="hover-cell-icon cursor-pointer align-middle"
           data-testid="edit-button"
           height={14}
           name={t('label.edit')}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/PopOverCard/UserPopOverCard.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/PopOverCard/UserPopOverCard.tsx
index 9b52a1ecdbd..471d7715b70 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/PopOverCard/UserPopOverCard.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/PopOverCard/UserPopOverCard.tsx
@@ -127,7 +127,7 @@ const UserPopOverCard: FC<Props> = ({ children, userName, type = 'user' }) => {
 
     return (
       <Space align="center">
-        <ProfilePicture id="" name={userName} width="24" />
+        <ProfilePicture id="" name={userName} type="circle" width="24" />
         <div className="self-center">
           <Button
             className="text-info p-0"
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
index 05de10ee103..9c498256cd8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
@@ -589,7 +589,7 @@
     "mark-deleted-entity": "{{entity}} als gelöscht markieren",
     "mark-deleted-table-plural": "Gelöschte Tabellen markieren",
     "markdown-guide": "Markdown-Leitfaden",
-    "market-place": "Market Place",
+    "market-place": "Marketplace",
     "matches": "Entspricht",
     "max": "Maximal",
     "maximum-size-lowercase": "Maximale Größe",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
index 349d7e6b903..8583aa7aedc 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
@@ -589,7 +589,7 @@
     "mark-deleted-entity": "Mark Deleted {{entity}}",
     "mark-deleted-table-plural": "Mark Deleted Tables",
     "markdown-guide": "Markdown Guide",
-    "market-place": "Market Place",
+    "market-place": "Marketplace",
     "matches": "Matches",
     "max": "Max",
     "maximum-size-lowercase": "maximum size",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
index 64a2adb3f94..81a72699995 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
@@ -589,7 +589,7 @@
     "mark-deleted-entity": "Marcar {{entity}} como Eliminado",
     "mark-deleted-table-plural": "Marcar Tablas como Eliminadas",
     "markdown-guide": "Guía de Markdown",
-    "market-place": "Market Place",
+    "market-place": "Marketplace",
     "matches": "Coincide",
     "max": "Máx",
     "maximum-size-lowercase": "tamaño máximo",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
index bc05a0c1c90..b1e37acd864 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
@@ -589,7 +589,7 @@
     "mark-deleted-entity": "Marquer {{entity}} Supprimé·e",
     "mark-deleted-table-plural": "Marquer les Tables Supprimé·e",
     "markdown-guide": "Guide Markdown",
-    "market-place": "Market Place",
+    "market-place": "Marketplace",
     "matches": "Correspond",
     "max": "Max",
     "maximum-size-lowercase": "taille maximum",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
index 967870a53af..09a24e85326 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
@@ -589,7 +589,7 @@
     "mark-deleted-entity": "Mark Deleted {{entity}}",
     "mark-deleted-table-plural": "Mark Deleted Tables",
     "markdown-guide": "Markdownガイド",
-    "market-place": "Market Place",
+    "market-place": "Marketplace",
     "matches": "マッチ",
     "max": "最大",
     "maximum-size-lowercase": "最大サイズ",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
index 3b2c4ad1e3f..09b62446167 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
@@ -589,7 +589,7 @@
     "mark-deleted-entity": "Mark Deleted {{entity}}",
     "mark-deleted-table-plural": "Marcar tabelas excluídas",
     "markdown-guide": "Guia Markdown",
-    "market-place": "Market Place",
+    "market-place": "Marketplace",
     "matches": "Combinar",
     "max": "Max",
     "maximum-size-lowercase": "tamanho máximo",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
index 16ae2c8d9ca..d5f9d88140a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
@@ -589,7 +589,7 @@
     "mark-deleted-entity": "Отметить как удаленное {{entity}}",
     "mark-deleted-table-plural": "Отметить удаленные таблицы",
     "markdown-guide": "Markdown Guide",
-    "market-place": "Market Place",
+    "market-place": "Marketplace",
     "matches": "Совпадения",
     "max": "Максимум",
     "maximum-size-lowercase": "максимальный размер",
diff --git a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
index 0bc520e3ace..f685659098c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
+++ b/openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
@@ -589,7 +589,7 @@
     "mark-deleted-entity": "标记已删除的{{entity}}",
     "mark-deleted-table-plural": "标记已删除的表",
     "markdown-guide": "Markdown 指南",
-    "market-place": "Market Place",
+    "market-place": "Marketplace",
     "matches": "匹配",
     "max": "最大值",
     "maximum-size-lowercase": "最大",
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/MarketPlacePage/MarketPlacePage.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/MarketPlacePage/MarketPlacePage.tsx
index 501e132bcbb..ad84635d844 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/MarketPlacePage/MarketPlacePage.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/MarketPlacePage/MarketPlacePage.tsx
@@ -20,9 +20,14 @@ import { ReactComponent as HeadingIcon } from '../../assets/svg/marketplace-head
 import ApplicationCard from '../../components/Applications/ApplicationCard/ApplicationCard.component';
 import NextPrevious from '../../components/common/next-previous/NextPrevious';
 import { PagingHandlerParams } from '../../components/common/next-previous/NextPrevious.interface';
+import TitleBreadcrumb from '../../components/common/title-breadcrumb/title-breadcrumb.component';
 import PageLayoutV1 from '../../components/containers/PageLayoutV1';
 import PageHeader from '../../components/header/PageHeader.component';
 import Loader from '../../components/Loader/Loader';
+import {
+  GlobalSettingOptions,
+  GlobalSettingsMenuCategory,
+} from '../../constants/GlobalSettings.constants';
 import { PAGE_HEADERS } from '../../constants/PageHeaders.constant';
 import { AppMarketPlaceDefinition } from '../../generated/entity/applications/marketplace/appMarketPlaceDefinition';
 import { Paging } from '../../generated/type/paging';
@@ -30,7 +35,10 @@ import { usePaging } from '../../hooks/paging/usePaging';
 import { getMarketPlaceApplicationList } from '../../rest/applicationMarketPlaceAPI';
 import { showPagination } from '../../utils/CommonUtils';
 import { getEntityName } from '../../utils/EntityUtils';
-import { getMarketPlaceAppDetailsPath } from '../../utils/RouterUtils';
+import {
+  getMarketPlaceAppDetailsPath,
+  getSettingPath,
+} from '../../utils/RouterUtils';
 import { showErrorToast } from '../../utils/ToastUtils';
 import './market-place.less';
 
@@ -95,14 +103,37 @@ const MarketPlacePage = () => {
     <PageLayoutV1
       className="p-0 marketplace-page"
       pageTitle={t('label.market-place')}>
-      <Row className="marketplace-header" justify="center">
-        <Col span={18}>
-          <div className="d-flex items-center justify-between h-full">
-            <PageHeader data={PAGE_HEADERS.APPLICATION} />
-            <HeadingIcon />
-          </div>
+      <Row className="marketplace-header">
+        <Col span={24}>
+          <TitleBreadcrumb
+            className="p-md"
+            titleLinks={[
+              {
+                name: t('label.application-plural'),
+                url: getSettingPath(
+                  GlobalSettingsMenuCategory.INTEGRATIONS,
+                  GlobalSettingOptions.APPLICATIONS
+                ),
+              },
+              {
+                name: t('label.market-place'),
+                url: '',
+              },
+            ]}
+          />
+        </Col>
+        <Col span={24}>
+          <Row className="marketplace-header-row" justify="center">
+            <Col span={18}>
+              <div className="d-flex items-center justify-between h-full">
+                <PageHeader data={PAGE_HEADERS.APPLICATION} />
+                <HeadingIcon />
+              </div>
+            </Col>
+          </Row>
         </Col>
       </Row>
+
       <Row className="m-t-lg" justify="center">
         <Col span={18}>
           <div className="d-flex flex-wrap gap-3">
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/MarketPlacePage/market-place.less b/openmetadata-ui/src/main/resources/ui/src/pages/MarketPlacePage/market-place.less
index 604e15650cd..6cdddfba0d7 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/MarketPlacePage/market-place.less
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/MarketPlacePage/market-place.less
@@ -15,10 +15,12 @@
   .marketplace-header {
     height: 300px;
     background-color: rgba(9, 80, 197, 0.05);
-    padding: 0 4rem;
     .heading {
       font-size: 30px;
     }
+    .marketplace-header-row {
+      padding: 0 4rem;
+    }
   }
   .page-layout-v1-center {
     padding: 0;
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/TasksPage/shared/Assignee.less b/openmetadata-ui/src/main/resources/ui/src/pages/TasksPage/shared/Assignee.less
index ee18263c162..c1b0b77dae3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/TasksPage/shared/Assignee.less
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/TasksPage/shared/Assignee.less
@@ -17,3 +17,9 @@
   padding: 2px 3px;
   margin: 1px 2px;
 }
+
+.assignee-item {
+  .profile-image {
+    vertical-align: middle;
+  }
+}
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/TasksPage/shared/Assignees.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/TasksPage/shared/Assignees.tsx
index 96a239d057a..69041ae1404 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/TasksPage/shared/Assignees.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/TasksPage/shared/Assignees.tsx
@@ -17,6 +17,7 @@ import { groupBy, isUndefined } from 'lodash';
 import React, { FC, useMemo } from 'react';
 import { ReactComponent as TeamIcon } from '../../../assets/svg/teams-grey.svg';
 import { UserTag } from '../../../components/common/UserTag/UserTag.component';
+import { UserTagSize } from '../../../components/common/UserTag/UserTag.interface';
 import { OwnerType } from '../../../enums/user.enum';
 import { Option } from '../TasksPage.interface';
 import './Assignee.less';
@@ -72,7 +73,12 @@ const Assignees: FC<Props> = ({
           ...user,
           label: (
             <div data-testid={`assignee-option-${user.label}`}>
-              <UserTag id={user.value} name={user.label} />
+              <UserTag
+                className="assignee-item"
+                id={user.value}
+                name={user.label}
+                size={UserTagSize.small}
+              />
             </div>
           ),
         })),
@@ -85,7 +91,7 @@ const Assignees: FC<Props> = ({
   return (
     <Select
       showSearch
-      className="ant-select-custom"
+      className="ant-select-custom select-assignee"
       data-testid="select-assignee"
       defaultActiveFirstOption={false}
       filterOption={false}
diff --git a/openmetadata-ui/src/main/resources/ui/src/styles/app.less b/openmetadata-ui/src/main/resources/ui/src/styles/app.less
index 5e6848fe3e7..26366b4f5f1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/styles/app.less
+++ b/openmetadata-ui/src/main/resources/ui/src/styles/app.less
@@ -318,10 +318,6 @@ a[href].link-text-grey,
   white-space: nowrap;
 }
 
-.gap-2 {
-  gap: 0.5rem /* 8px */;
-}
-
 /* SSO layout style  */
 .sso-container {
   width: 100%;
diff --git a/openmetadata-ui/src/main/resources/ui/src/styles/components/profile-picture.less b/openmetadata-ui/src/main/resources/ui/src/styles/components/profile-picture.less
index 9ce0252502b..e3894a1fdf7 100644
--- a/openmetadata-ui/src/main/resources/ui/src/styles/components/profile-picture.less
+++ b/openmetadata-ui/src/main/resources/ui/src/styles/components/profile-picture.less
@@ -18,7 +18,7 @@
 
 .profile-image svg,
 .profile-image img {
-  display: inline-block;
+  display: flex;
   height: 100%;
   width: 100%;
 }
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/DomainUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/DomainUtils.tsx
index 74425bd8c4b..75614d87463 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/DomainUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/DomainUtils.tsx
@@ -44,6 +44,7 @@ export const getOwner = (
           id={owner?.id || ''}
           name={owner?.name ?? ''}
           textClass="text-xs"
+          type="circle"
           width="20"
         />
         <Link
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/TableUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/TableUtils.tsx
index 3c10ab7e9f4..a235caa9e53 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/TableUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/TableUtils.tsx
@@ -90,7 +90,12 @@ import {
   getTableFQNFromColumnFQN,
   sortTagsCaseInsensitive,
 } from './CommonUtils';
-import { getGlossaryPath, getSettingPath } from './RouterUtils';
+import {
+  getDataProductsDetailsPath,
+  getDomainDetailsPath,
+  getGlossaryPath,
+  getSettingPath,
+} from './RouterUtils';
 import { getSearchIndexDetailsPath } from './SearchIndexUtils';
 import { serviceTypeLogo } from './ServiceUtils';
 import { getDecodedFqn, ordinalize } from './StringsUtils';
@@ -286,6 +291,14 @@ export const getEntityLink = (
     case SearchIndex.SEARCH_INDEX:
       return getSearchIndexDetailsPath(fullyQualifiedName);
 
+    case EntityType.DOMAIN:
+    case SearchIndex.DOMAIN:
+      return getDomainDetailsPath(fullyQualifiedName);
+
+    case EntityType.DATA_PRODUCT:
+    case SearchIndex.DATA_PRODUCT:
+      return getDataProductsDetailsPath(fullyQualifiedName);
+
     case SearchIndex.TABLE:
     case EntityType.TABLE:
     default: