From 50278f93d3dd158bddf7744cd6d92d10f6f21cc5 Mon Sep 17 00:00:00 2001
From: Chirag Madlani <12962843+chirag-madlani@users.noreply.github.com>
Date: Fri, 13 Jan 2023 10:56:06 +0530
Subject: [PATCH] fix(ui): remove redundant tags from explore page (#9701)

* fix(ui): remove redundant tags from explore page
also update folder structure

* fix unit tests

* fix path

* fix unit tests
---
 .../AddGlossary/AddGlossary.component.tsx           |  2 +-
 .../AddGlossaryTerm/AddGlossaryTerm.component.tsx   |  2 +-
 .../DashboardDetails/DashboardDetails.component.tsx |  4 ++--
 .../DashboardDetails/DashboardDetails.test.tsx      |  4 ++--
 .../EntityInfoDrawer/EntityInfoDrawer.component.tsx |  2 +-
 .../EntityTable/EntityTable.component.tsx           |  4 ++--
 .../src/components/EntityTable/EntityTable.test.tsx |  6 +++---
 .../SummaryListItems/SummaryListItems.component.tsx |  2 +-
 .../SummaryListItems/SummaryListItems.test.tsx      |  2 +-
 .../GlossaryDetails/GlossaryDetails.component.tsx   |  6 +++---
 .../GlossaryDetails/GlossaryDetails.test.tsx        |  2 +-
 .../components/GlossaryTerms/GlossaryTerms.test.tsx |  2 +-
 .../GlossaryTerms/GlossaryTermsV1.component.tsx     |  6 +++---
 .../MlModelDetail/MlModelFeaturesList.test.tsx      |  2 +-
 .../MlModelDetail/MlModelFeaturesList.tsx           |  4 ++--
 .../MlModelVersion/MlModelVersion.component.tsx     |  2 +-
 .../PipelineDetails/PipelineDetails.component.tsx   |  4 ++--
 .../PipelineDetails/PipelineDetails.test.tsx        |  4 ++--
 .../components/{tags => Tag/Tags}/tags.interface.ts |  2 +-
 .../components/{tags => Tag/Tags}/tags.styles.ts    |  0
 .../src/components/{tags => Tag/Tags}/tags.test.tsx |  4 ++--
 .../ui/src/components/{tags => Tag/Tags}/tags.tsx   | 10 +++++-----
 .../TagsContainer}/tags-container.interface.ts      |  2 +-
 .../TagsContainer}/tags-container.test.tsx          |  4 ++--
 .../TagsContainer}/tags-container.tsx               | 10 +++++-----
 .../TagsViewer}/tags-viewer.interface.ts            |  0
 .../TagsViewer}/tags-viewer.test.tsx                |  2 +-
 .../{tags-viewer => Tag/TagsViewer}/tags-viewer.tsx | 13 ++++++++-----
 .../components/TopicDetails/TopicDetails.test.tsx   |  4 ++--
 .../TopicDetails/TopicSchema/TopicSchema.test.tsx   |  4 ++--
 .../TopicDetails/TopicSchema/TopicSchema.tsx        |  4 ++--
 .../VersionTable/VersionTable.component.tsx         |  2 +-
 .../ui/src/components/app-bar/SearchOptions.tsx     |  2 +-
 .../common/entityPageInfo/EntityPageInfo.test.tsx   |  6 +++---
 .../common/entityPageInfo/EntityPageInfo.tsx        |  6 +++---
 .../common/table-data-card/TableDataCardBody.tsx    |  2 +-
 .../ui/src/pages/database-details/index.test.tsx    |  2 +-
 .../resources/ui/src/pages/service/index.test.tsx   |  2 +-
 .../main/resources/ui/src/pages/service/index.tsx   |  2 +-
 39 files changed, 73 insertions(+), 70 deletions(-)
 rename openmetadata-ui/src/main/resources/ui/src/components/{tags => Tag/Tags}/tags.interface.ts (93%)
 rename openmetadata-ui/src/main/resources/ui/src/components/{tags => Tag/Tags}/tags.styles.ts (100%)
 rename openmetadata-ui/src/main/resources/ui/src/components/{tags => Tag/Tags}/tags.test.tsx (95%)
 rename openmetadata-ui/src/main/resources/ui/src/components/{tags => Tag/Tags}/tags.tsx (92%)
 rename openmetadata-ui/src/main/resources/ui/src/components/{tags-container => Tag/TagsContainer}/tags-container.interface.ts (95%)
 rename openmetadata-ui/src/main/resources/ui/src/components/{tags-container => Tag/TagsContainer}/tags-container.test.tsx (95%)
 rename openmetadata-ui/src/main/resources/ui/src/components/{tags-container => Tag/TagsContainer}/tags-container.tsx (94%)
 rename openmetadata-ui/src/main/resources/ui/src/components/{tags-viewer => Tag/TagsViewer}/tags-viewer.interface.ts (100%)
 rename openmetadata-ui/src/main/resources/ui/src/components/{tags-viewer => Tag/TagsViewer}/tags-viewer.test.tsx (97%)
 rename openmetadata-ui/src/main/resources/ui/src/components/{tags-viewer => Tag/TagsViewer}/tags-viewer.tsx (88%)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/AddGlossary/AddGlossary.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/AddGlossary/AddGlossary.component.tsx
index 1030c06bfe7..5dd2a20658b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/AddGlossary/AddGlossary.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/AddGlossary/AddGlossary.component.tsx
@@ -14,6 +14,7 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Space, Typography } from 'antd';
 import classNames from 'classnames';
+import Tags from 'components/Tag/Tags/tags';
 import { cloneDeep } from 'lodash';
 import { EntityTags } from 'Models';
 import React, { useRef, useState } from 'react';
@@ -32,7 +33,6 @@ import TitleBreadcrumb from '../common/title-breadcrumb/title-breadcrumb.compone
 import PageLayout from '../containers/PageLayout';
 import Loader from '../Loader/Loader';
 import ReviewerModal from '../Modals/ReviewerModal/ReviewerModal.component';
-import Tags from '../tags/tags';
 import { AddGlossaryError, AddGlossaryProps } from './AddGlossary.interface';
 
 const Field = ({ children }: { children: React.ReactNode }) => {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/AddGlossaryTerm/AddGlossaryTerm.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/AddGlossaryTerm/AddGlossaryTerm.component.tsx
index 8161a0b1783..2fbf915e526 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/AddGlossaryTerm/AddGlossaryTerm.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/AddGlossaryTerm/AddGlossaryTerm.component.tsx
@@ -14,6 +14,7 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Space } from 'antd';
 import classNames from 'classnames';
+import Tags from 'components/Tag/Tags/tags';
 import { t } from 'i18next';
 import { cloneDeep, isEmpty, isUndefined } from 'lodash';
 import { EntityTags } from 'Models';
@@ -37,7 +38,6 @@ import PageLayout from '../containers/PageLayout';
 import Loader from '../Loader/Loader';
 import RelatedTermsModal from '../Modals/RelatedTermsModal/RelatedTermsModal';
 import ReviewerModal from '../Modals/ReviewerModal/ReviewerModal.component';
-import Tags from '../tags/tags';
 import { AddGlossaryTermProps } from './AddGlossaryTerm.interface';
 
 const Field = ({
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.component.tsx
index da58ecec1a3..316ddf4a45c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.component.tsx
@@ -72,8 +72,8 @@ import Loader from '../Loader/Loader';
 import { ModalWithMarkdownEditor } from '../Modals/ModalWithMarkdownEditor/ModalWithMarkdownEditor';
 import { usePermissionProvider } from '../PermissionProvider/PermissionProvider';
 import { ResourceEntity } from '../PermissionProvider/PermissionProvider.interface';
-import TagsContainer from '../tags-container/tags-container';
-import TagsViewer from '../tags-viewer/tags-viewer';
+import TagsContainer from '../Tag/TagsContainer/tags-container';
+import TagsViewer from '../Tag/TagsViewer/tags-viewer';
 import { ChartType, DashboardDetailsProps } from './DashboardDetails.interface';
 
 const DashboardDetails = ({
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.test.tsx
index 49bd2b55430..f736983c2f2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/DashboardDetails/DashboardDetails.test.tsx
@@ -127,7 +127,7 @@ jest.mock('../common/rich-text-editor/RichTextEditorPreviewer', () => {
   return jest.fn().mockReturnValue(<p>RichTextEditorPreviwer</p>);
 });
 
-jest.mock('../tags-container/tags-container', () => {
+jest.mock('components/Tag/TagsContainer/tags-container', () => {
   return jest.fn().mockImplementation(({ tagList }) => {
     return (
       <>
@@ -139,7 +139,7 @@ jest.mock('../tags-container/tags-container', () => {
   });
 });
 
-jest.mock('../tags/tags', () => {
+jest.mock('components/Tag/Tags/tags', () => {
   return jest.fn().mockReturnValue(<p>Tags</p>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/EntityInfoDrawer/EntityInfoDrawer.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/EntityInfoDrawer/EntityInfoDrawer.component.tsx
index 3d122948321..25d65f74c00 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/EntityInfoDrawer/EntityInfoDrawer.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/EntityInfoDrawer/EntityInfoDrawer.component.tsx
@@ -34,7 +34,7 @@ import { showErrorToast } from '../../utils/ToastUtils';
 import RichTextEditorPreviewer from '../common/rich-text-editor/RichTextEditorPreviewer';
 import { SelectedNode } from '../EntityLineage/EntityLineage.interface';
 import Loader from '../Loader/Loader';
-import TagsViewer from '../tags-viewer/tags-viewer';
+import TagsViewer from '../Tag/TagsViewer/tags-viewer';
 import { LineageDrawerProps } from './EntityInfoDrawer.interface';
 import './EntityInfoDrawer.style.less';
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx
index ce1b2d0a4db..f531e1951bf 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx
@@ -59,8 +59,8 @@ import {
 } from '../../utils/TasksUtils';
 import RichTextEditorPreviewer from '../common/rich-text-editor/RichTextEditorPreviewer';
 import { ModalWithMarkdownEditor } from '../Modals/ModalWithMarkdownEditor/ModalWithMarkdownEditor';
-import TagsContainer from '../tags-container/tags-container';
-import TagsViewer from '../tags-viewer/tags-viewer';
+import TagsContainer from '../Tag/TagsContainer/tags-container';
+import TagsViewer from '../Tag/TagsViewer/tags-viewer';
 import { EntityTableProps, TableCellRendered } from './EntityTable.interface';
 import './EntityTable.style.less';
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.test.tsx
index f831bfd721c..814d486b5f4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.test.tsx
@@ -192,7 +192,7 @@ jest.mock('../Modals/ModalWithMarkdownEditor/ModalWithMarkdownEditor', () => ({
   ModalWithMarkdownEditor: jest.fn().mockReturnValue(<p>EditorModal</p>),
 }));
 
-jest.mock('../tags-container/tags-container', () => {
+jest.mock('components/Tag/TagsContainer/tags-container', () => {
   return jest.fn().mockImplementation(({ tagList }) => {
     return (
       <>
@@ -204,11 +204,11 @@ jest.mock('../tags-container/tags-container', () => {
   });
 });
 
-jest.mock('../tags-viewer/tags-viewer', () => {
+jest.mock('components/Tag/TagsViewer/tags-viewer', () => {
   return jest.fn().mockReturnValue(<p>TagViewer</p>);
 });
 
-jest.mock('../tags/tags', () => {
+jest.mock('components/Tag/Tags/tags', () => {
   return jest.fn().mockReturnValue(<p>Tag</p>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/SummaryList/SummaryListItems/SummaryListItems.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/SummaryList/SummaryListItems/SummaryListItems.component.tsx
index 7b7a66cb62c..04260c6c024 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/SummaryList/SummaryListItems/SummaryListItems.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/SummaryList/SummaryListItems/SummaryListItems.component.tsx
@@ -12,6 +12,7 @@
  */
 
 import { Col, Divider, Row, Space, Typography } from 'antd';
+import TagsViewer from 'components/Tag/TagsViewer/tags-viewer';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ReactComponent as IconTagGrey } from '../../../../../assets/svg/tag-grey.svg';
@@ -19,7 +20,6 @@ import { MAX_CHAR_LIMIT_ENTITY_SUMMARY } from '../../../../../constants/constant
 import { getTagValue } from '../../../../../utils/CommonUtils';
 import { prepareConstraintIcon } from '../../../../../utils/TableUtils';
 import RichTextEditorPreviewer from '../../../../common/rich-text-editor/RichTextEditorPreviewer';
-import TagsViewer from '../../../../tags-viewer/tags-viewer';
 import { SummaryListItemProps } from './SummaryListItems.interface';
 
 const { Text, Paragraph } = Typography;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/SummaryList/SummaryListItems/SummaryListItems.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/SummaryList/SummaryListItems/SummaryListItems.test.tsx
index 6660576cfe0..e2250316d79 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/SummaryList/SummaryListItems/SummaryListItems.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Explore/EntitySummaryPanel/SummaryList/SummaryListItems/SummaryListItems.test.tsx
@@ -29,7 +29,7 @@ jest.mock('../../../../common/rich-text-editor/RichTextEditorPreviewer', () =>
     ))
 );
 
-jest.mock('../../../../tags-viewer/tags-viewer', () =>
+jest.mock('components/Tag/TagsViewer/tags-viewer', () =>
   jest
     .fn()
     .mockImplementation(() => <div data-testid="TagsViewer">TagsViewer</div>)
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.component.tsx
index 78e9e37a63e..073069776ab 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.component.tsx
@@ -14,6 +14,7 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Button as ButtonAntd, Card as AntdCard, Tooltip } from 'antd';
 import classNames from 'classnames';
+import Tags from 'components/Tag/Tags/tags';
 import { t } from 'i18next';
 import { cloneDeep, debounce, includes, isEqual } from 'lodash';
 import { EntityTags } from 'Models';
@@ -43,9 +44,8 @@ import ProfilePicture from '../common/ProfilePicture/ProfilePicture';
 import DropDownList from '../dropdown/DropDownList';
 import ReviewerModal from '../Modals/ReviewerModal/ReviewerModal.component';
 import { OperationPermission } from '../PermissionProvider/PermissionProvider.interface';
-import TagsContainer from '../tags-container/tags-container';
-import TagsViewer from '../tags-viewer/tags-viewer';
-import Tags from '../tags/tags';
+import TagsContainer from '../Tag/TagsContainer/tags-container';
+import TagsViewer from '../Tag/TagsViewer/tags-viewer';
 import './GlossaryDetails.style.less';
 
 type props = {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.test.tsx
index c73f6a93cc8..0482884fea2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.test.tsx
@@ -24,7 +24,7 @@ jest.mock('react-router-dom', () => ({
   }),
 }));
 
-jest.mock('components/tags-container/tags-container', () => {
+jest.mock('components/Tag/TagsContainer/tags-container', () => {
   return jest.fn().mockReturnValue(<>Tags-container component</>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTerms.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTerms.test.tsx
index ee2b7bfa1a6..2be43541860 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTerms.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTerms.test.tsx
@@ -68,7 +68,7 @@ jest.mock('react-router-dom', () => ({
   }),
 }));
 
-jest.mock('components/tags-container/tags-container', () => {
+jest.mock('components/Tag/TagsContainer/tags-container', () => {
   return jest.fn().mockReturnValue(<>Tags-container component</>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTermsV1.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTermsV1.component.tsx
index b043b39c944..8ccfebb9df9 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTermsV1.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTermsV1.component.tsx
@@ -15,6 +15,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Button, Card, Col, Divider, Row, Tooltip, Typography } from 'antd';
 import { AxiosError } from 'axios';
 import classNames from 'classnames';
+import Tags from 'components/Tag/Tags/tags';
 import { t } from 'i18next';
 import { cloneDeep, includes, isEqual } from 'lodash';
 import { AssetsDataType, EntityTags } from 'Models';
@@ -37,9 +38,8 @@ import ProfilePicture from '../common/ProfilePicture/ProfilePicture';
 import TabsPane from '../common/TabsPane/TabsPane';
 import ReviewerModal from '../Modals/ReviewerModal/ReviewerModal.component';
 import { OperationPermission } from '../PermissionProvider/PermissionProvider.interface';
-import TagsContainer from '../tags-container/tags-container';
-import TagsViewer from '../tags-viewer/tags-viewer';
-import Tags from '../tags/tags';
+import TagsContainer from '../Tag/TagsContainer/tags-container';
+import TagsViewer from '../Tag/TagsViewer/tags-viewer';
 import AssetsTabs from './tabs/AssetsTabs.component';
 import GlossaryTermReferences from './tabs/GlossaryTermReferences';
 import GlossaryTermSynonyms from './tabs/GlossaryTermSynonyms';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/MlModelDetail/MlModelFeaturesList.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/MlModelDetail/MlModelFeaturesList.test.tsx
index ec316aae8fa..141facc3099 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/MlModelDetail/MlModelFeaturesList.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/MlModelDetail/MlModelFeaturesList.test.tsx
@@ -147,7 +147,7 @@ jest.mock('../Modals/ModalWithMarkdownEditor/ModalWithMarkdownEditor', () => ({
     .mockReturnValue(<p> ModalWithMarkdownEditor</p>),
 }));
 
-jest.mock('../tags/tags', () => {
+jest.mock('components/Tag/Tags/tags', () => {
   return jest.fn().mockImplementation(({ tag }) => <span>{tag}</span>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/MlModelDetail/MlModelFeaturesList.tsx b/openmetadata-ui/src/main/resources/ui/src/components/MlModelDetail/MlModelFeaturesList.tsx
index 1ea8d42db71..a6acecc76a2 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/MlModelDetail/MlModelFeaturesList.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/MlModelDetail/MlModelFeaturesList.tsx
@@ -21,6 +21,7 @@ import {
   Tooltip,
   Typography,
 } from 'antd';
+import Tags from 'components/Tag/Tags/tags';
 import { isEmpty } from 'lodash';
 import { EntityTags, TagOption } from 'Models';
 import React, { FC, Fragment, useState } from 'react';
@@ -38,8 +39,7 @@ import ErrorPlaceHolder from '../common/error-with-placeholder/ErrorPlaceHolder'
 import RichTextEditorPreviewer from '../common/rich-text-editor/RichTextEditorPreviewer';
 import { ModalWithMarkdownEditor } from '../Modals/ModalWithMarkdownEditor/ModalWithMarkdownEditor';
 import { OperationPermission } from '../PermissionProvider/PermissionProvider.interface';
-import TagsContainer from '../tags-container/tags-container';
-import Tags from '../tags/tags';
+import TagsContainer from '../Tag/TagsContainer/tags-container';
 import SourceList from './SourceList.component';
 
 interface MlModelFeaturesListProp {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/MlModelVersion/MlModelVersion.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/MlModelVersion/MlModelVersion.component.tsx
index a538e6534ab..e72869069bd 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/MlModelVersion/MlModelVersion.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/MlModelVersion/MlModelVersion.component.tsx
@@ -16,7 +16,7 @@ import classNames from 'classnames';
 import ErrorPlaceHolder from 'components/common/error-with-placeholder/ErrorPlaceHolder';
 import RichTextEditorPreviewer from 'components/common/rich-text-editor/RichTextEditorPreviewer';
 import SourceList from 'components/MlModelDetail/SourceList.component';
-import TagsContainer from 'components/tags-container/tags-container';
+import TagsContainer from 'components/Tag/TagsContainer/tags-container';
 import { MlFeature, Mlmodel } from 'generated/entity/data/mlmodel';
 import { isUndefined } from 'lodash';
 import { ExtraInfo } from 'Models';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/PipelineDetails/PipelineDetails.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/PipelineDetails/PipelineDetails.component.tsx
index b1f2191bb2c..55d19dcec22 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/PipelineDetails/PipelineDetails.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/PipelineDetails/PipelineDetails.component.tsx
@@ -90,8 +90,8 @@ import Loader from '../Loader/Loader';
 import { ModalWithMarkdownEditor } from '../Modals/ModalWithMarkdownEditor/ModalWithMarkdownEditor';
 import { usePermissionProvider } from '../PermissionProvider/PermissionProvider';
 import { ResourceEntity } from '../PermissionProvider/PermissionProvider.interface';
-import TagsContainer from '../tags-container/tags-container';
-import TagsViewer from '../tags-viewer/tags-viewer';
+import TagsContainer from '../Tag/TagsContainer/tags-container';
+import TagsViewer from '../Tag/TagsViewer/tags-viewer';
 import TasksDAGView from '../TasksDAGView/TasksDAGView';
 import { PipeLineDetailsProp } from './PipelineDetails.interface';
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/PipelineDetails/PipelineDetails.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/PipelineDetails/PipelineDetails.test.tsx
index 62832a6fe53..3dd2aacf5ed 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/PipelineDetails/PipelineDetails.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/PipelineDetails/PipelineDetails.test.tsx
@@ -143,11 +143,11 @@ jest.mock('../common/rich-text-editor/RichTextEditorPreviewer', () => {
   return jest.fn().mockReturnValue(<p>RichTextEditorPreviwer</p>);
 });
 
-jest.mock('../tags-container/tags-container', () => {
+jest.mock('components/Tag/TagsContainer/tags-container', () => {
   return jest.fn().mockReturnValue(<p>Tag Container</p>);
 });
 
-jest.mock('../tags/tags', () => {
+jest.mock('components/Tag/Tags/tags', () => {
   return jest.fn().mockReturnValue(<p>Tags</p>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/tags/tags.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/Tag/Tags/tags.interface.ts
similarity index 93%
rename from openmetadata-ui/src/main/resources/ui/src/components/tags/tags.interface.ts
rename to openmetadata-ui/src/main/resources/ui/src/components/Tag/Tags/tags.interface.ts
index a79a4166d9f..e86bd643f66 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/tags/tags.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/Tags/tags.interface.ts
@@ -11,7 +11,7 @@
  *  limitations under the License.
  */
 
-import { TagLabel } from '../../generated/type/tagLabel';
+import { TagLabel } from '../../../generated/type/tagLabel';
 
 export type TagProps = {
   className?: string;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/tags/tags.styles.ts b/openmetadata-ui/src/main/resources/ui/src/components/Tag/Tags/tags.styles.ts
similarity index 100%
rename from openmetadata-ui/src/main/resources/ui/src/components/tags/tags.styles.ts
rename to openmetadata-ui/src/main/resources/ui/src/components/Tag/Tags/tags.styles.ts
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/tags/tags.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Tag/Tags/tags.test.tsx
similarity index 95%
rename from openmetadata-ui/src/main/resources/ui/src/components/tags/tags.test.tsx
rename to openmetadata-ui/src/main/resources/ui/src/components/Tag/Tags/tags.test.tsx
index b22ef7587af..d5b1a82b759 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/tags/tags.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/Tags/tags.test.tsx
@@ -12,14 +12,14 @@
  */
 
 import { fireEvent, getByTestId, render } from '@testing-library/react';
+import { LabelType, State, TagSource } from 'generated/type/tagLabel';
 import React from 'react';
-import { LabelType, State, TagSource } from '../../generated/type/tagLabel';
 import Tags from './tags';
 
 const mockCallback = jest.fn();
 const mockPush = jest.fn();
 
-jest.mock('../common/rich-text-editor/RichTextEditorPreviewer', () => {
+jest.mock('components/common/rich-text-editor/RichTextEditorPreviewer', () => {
   return jest.fn().mockReturnValue(<p>RichTextEditorPreviewer</p>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/tags/tags.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Tag/Tags/tags.tsx
similarity index 92%
rename from openmetadata-ui/src/main/resources/ui/src/components/tags/tags.tsx
rename to openmetadata-ui/src/main/resources/ui/src/components/Tag/Tags/tags.tsx
index 15c9d6c24b1..da1388aee5a 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/tags/tags.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/Tags/tags.tsx
@@ -14,15 +14,15 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Tooltip } from 'antd';
 import classNames from 'classnames';
+import RichTextEditorPreviewer from 'components/common/rich-text-editor/RichTextEditorPreviewer';
+import { FQN_SEPARATOR_CHAR } from 'constants/char.constants';
+import { ROUTES } from 'constants/constants';
 import { isEmpty, isString } from 'lodash';
 import React, { FunctionComponent } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
-import { FQN_SEPARATOR_CHAR } from '../../constants/char.constants';
-import { ROUTES } from '../../constants/constants';
-import SVGIcons, { Icons } from '../../utils/SvgUtils';
-import { getTagDisplay } from '../../utils/TagsUtils';
-import RichTextEditorPreviewer from '../common/rich-text-editor/RichTextEditorPreviewer';
+import SVGIcons, { Icons } from 'utils/SvgUtils';
+import { getTagDisplay } from 'utils/TagsUtils';
 import { TagProps } from './tags.interface';
 import { tagStyles } from './tags.styles';
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/tags-container/tags-container.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainer/tags-container.interface.ts
similarity index 95%
rename from openmetadata-ui/src/main/resources/ui/src/components/tags-container/tags-container.interface.ts
rename to openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainer/tags-container.interface.ts
index ec52c8e1e04..4217efa16e1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/tags-container/tags-container.interface.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainer/tags-container.interface.ts
@@ -13,7 +13,7 @@
 
 import { EntityTags, TagOption } from 'Models';
 import { ReactNode } from 'react';
-import { TagProps } from '../tags/tags.interface';
+import { TagProps } from '../Tags/tags.interface';
 
 export type TagsContainerProps = {
   children?: ReactNode;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/tags-container/tags-container.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainer/tags-container.test.tsx
similarity index 95%
rename from openmetadata-ui/src/main/resources/ui/src/components/tags-container/tags-container.test.tsx
rename to openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainer/tags-container.test.tsx
index ed5a0bebb1f..a54ec404586 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/tags-container/tags-container.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainer/tags-container.test.tsx
@@ -24,7 +24,7 @@ const tagList = [
 const onCancel = jest.fn();
 const onSelectionChange = jest.fn();
 
-jest.mock('../../utils/UserDataUtils', () => {
+jest.mock('utils/UserDataUtils', () => {
   return {
     fetchAllUsers: jest.fn(),
     fetchUserProfilePic: jest.fn(),
@@ -34,7 +34,7 @@ jest.mock('../../utils/UserDataUtils', () => {
   };
 });
 
-jest.mock('../tags/tags', () => {
+jest.mock('components/Tag/Tags/tags', () => {
   return jest.fn().mockReturnValue(<p>tags</p>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/tags-container/tags-container.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainer/tags-container.tsx
similarity index 94%
rename from openmetadata-ui/src/main/resources/ui/src/components/tags-container/tags-container.tsx
rename to openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainer/tags-container.tsx
index ad9c636b551..da160e15f4f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/tags-container/tags-container.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsContainer/tags-container.tsx
@@ -14,6 +14,7 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Select, Space } from 'antd';
 import classNames from 'classnames';
+import Tags from 'components/Tag/Tags/tags';
 import { isEmpty } from 'lodash';
 import { EntityTags, TagOption } from 'Models';
 import React, {
@@ -24,11 +25,10 @@ import React, {
   useMemo,
   useState,
 } from 'react';
-import { FQN_SEPARATOR_CHAR } from '../../constants/char.constants';
-import { TagSource } from '../../generated/type/tagLabel';
-import { withLoader } from '../../hoc/withLoader';
-import { Button } from '../buttons/Button/Button';
-import Tags from '../tags/tags';
+import { FQN_SEPARATOR_CHAR } from '../../../constants/char.constants';
+import { TagSource } from '../../../generated/type/tagLabel';
+import { withLoader } from '../../../hoc/withLoader';
+import { Button } from '../../buttons/Button/Button';
 import { TagsContainerProps } from './tags-container.interface';
 
 const TagsContainer: FunctionComponent<TagsContainerProps> = ({
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/tags-viewer/tags-viewer.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsViewer/tags-viewer.interface.ts
similarity index 100%
rename from openmetadata-ui/src/main/resources/ui/src/components/tags-viewer/tags-viewer.interface.ts
rename to openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsViewer/tags-viewer.interface.ts
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/tags-viewer/tags-viewer.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsViewer/tags-viewer.test.tsx
similarity index 97%
rename from openmetadata-ui/src/main/resources/ui/src/components/tags-viewer/tags-viewer.test.tsx
rename to openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsViewer/tags-viewer.test.tsx
index 7f3e2bac7b7..4eb010cc668 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/tags-viewer/tags-viewer.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsViewer/tags-viewer.test.tsx
@@ -33,7 +33,7 @@ const tagsWithTerm = [
   { tagFQN: `test.tags.term`, source: 'Glossary' },
 ];
 
-jest.mock('../common/rich-text-editor/RichTextEditorPreviewer', () => {
+jest.mock('components/common/rich-text-editor/RichTextEditorPreviewer', () => {
   return jest.fn().mockReturnValue(<p>RichTextEditorPreviewer</p>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/tags-viewer/tags-viewer.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsViewer/tags-viewer.tsx
similarity index 88%
rename from openmetadata-ui/src/main/resources/ui/src/components/tags-viewer/tags-viewer.tsx
rename to openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsViewer/tags-viewer.tsx
index 873b82e7cfa..6c7b450305e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/tags-viewer/tags-viewer.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsViewer/tags-viewer.tsx
@@ -13,12 +13,12 @@
 
 import { Popover } from 'antd';
 import classNames from 'classnames';
-import { sortBy } from 'lodash';
+import Tags from 'components/Tag/Tags/tags';
+import { sortBy, uniqBy } from 'lodash';
 import { EntityTags } from 'Models';
 import React, { FunctionComponent, useCallback, useMemo } from 'react';
-import { LIST_SIZE } from '../../constants/constants';
-import { TagSource } from '../../generated/type/tagLabel';
-import Tags from '../tags/tags';
+import { LIST_SIZE } from '../../../constants/constants';
+import { TagSource } from '../../../generated/type/tagLabel';
 import { TagsViewerProps } from './tags-viewer.interface';
 
 const TagsViewer: FunctionComponent<TagsViewerProps> = ({
@@ -50,7 +50,10 @@ const TagsViewer: FunctionComponent<TagsViewerProps> = ({
   );
 
   // sort tags by source so that "Glossary" tags always comes first
-  const sortedTagsBySource = useMemo(() => sortBy(tags, 'source'), [tags]);
+  const sortedTagsBySource = useMemo(
+    () => sortBy(uniqBy(tags, 'tagFQN'), 'source'),
+    [tags]
+  );
 
   return sizeCap > -1 ? (
     <>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicDetails.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicDetails.test.tsx
index 8c211fe7bb1..7384715b5f8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicDetails.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicDetails.test.tsx
@@ -128,11 +128,11 @@ jest.mock('../common/rich-text-editor/RichTextEditorPreviewer', () => {
   return jest.fn().mockReturnValue(<p>RichTextEditorPreviwer</p>);
 });
 
-jest.mock('../tags-container/tags-container', () => {
+jest.mock('components/Tag/TagsContainer/tags-container', () => {
   return jest.fn().mockReturnValue(<p>Tag Container</p>);
 });
 
-jest.mock('../tags/tags', () => {
+jest.mock('components/Tag/Tags/tags', () => {
   return jest.fn().mockReturnValue(<p>Tags</p>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicSchema/TopicSchema.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicSchema/TopicSchema.test.tsx
index 5a7538f97cd..11330511140 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicSchema/TopicSchema.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicSchema/TopicSchema.test.tsx
@@ -62,13 +62,13 @@ jest.mock(
   })
 );
 
-jest.mock('../../tags-container/tags-container', () =>
+jest.mock('components/Tag/TagsContainer/tags-container', () =>
   jest
     .fn()
     .mockReturnValue(<div data-testid="tag-container">Tag Container</div>)
 );
 
-jest.mock('../../tags-viewer/tags-viewer', () =>
+jest.mock('components/Tag/TagsViewer/tags-viewer', () =>
   jest.fn().mockReturnValue(<div data-testid="tag-viewer">Tag Viewer</div>)
 );
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicSchema/TopicSchema.tsx b/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicSchema/TopicSchema.tsx
index 3f77dccee0b..dd5f20d3914 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicSchema/TopicSchema.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/TopicDetails/TopicSchema/TopicSchema.tsx
@@ -28,8 +28,8 @@ import {
 } from '../../../utils/TopicSchema.utils';
 import RichTextEditorPreviewer from '../../common/rich-text-editor/RichTextEditorPreviewer';
 import { ModalWithMarkdownEditor } from '../../Modals/ModalWithMarkdownEditor/ModalWithMarkdownEditor';
-import TagsContainer from '../../tags-container/tags-container';
-import TagsViewer from '../../tags-viewer/tags-viewer';
+import TagsContainer from '../../Tag/TagsContainer/tags-container';
+import TagsViewer from '../../Tag/TagsViewer/tags-viewer';
 import { CellRendered, TopicSchemaFieldsProps } from './TopicSchema.interface';
 
 const TopicSchemaFields: FC<TopicSchemaFieldsProps> = ({
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/VersionTable/VersionTable.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/VersionTable/VersionTable.component.tsx
index 8b662e66b27..ced84b3af4b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/VersionTable/VersionTable.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/VersionTable/VersionTable.component.tsx
@@ -22,7 +22,7 @@ import {
 import { getTableExpandableConfig, makeData } from '../../utils/TableUtils';
 import RichTextEditorPreviewer from '../common/rich-text-editor/RichTextEditorPreviewer';
 import Searchbar from '../common/searchbar/Searchbar';
-import TagsViewer from '../tags-viewer/tags-viewer';
+import TagsViewer from '../Tag/TagsViewer/tags-viewer';
 import { VersionTableProps } from './VersionTable.interfaces';
 
 const VersionTable = ({ columnName, columns, joins }: VersionTableProps) => {
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/app-bar/SearchOptions.tsx b/openmetadata-ui/src/main/resources/ui/src/components/app-bar/SearchOptions.tsx
index ed76d18d950..b93050f42ca 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/app-bar/SearchOptions.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/app-bar/SearchOptions.tsx
@@ -11,10 +11,10 @@
  *  limitations under the License.
  */
 
+import Tags from 'components/Tag/Tags/tags';
 import React, { FunctionComponent, useEffect, useRef } from 'react';
 import { Link } from 'react-router-dom';
 import { getExplorePathWithSearch } from '../../constants/constants';
-import Tags from '../tags/tags';
 
 type SearchOptionsProp = {
   searchText: string;
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/EntityPageInfo.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/EntityPageInfo.test.tsx
index 2078f9e00ba..30221f11259 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/EntityPageInfo.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/EntityPageInfo.test.tsx
@@ -127,7 +127,7 @@ jest.mock('../../../utils/TagsUtils', () => ({
   ]),
 }));
 
-jest.mock('../../tags-container/tags-container', () => {
+jest.mock('components/Tag/TagsContainer/tags-container', () => {
   return jest.fn().mockImplementation(({ tagList }) => {
     return (
       <>
@@ -139,7 +139,7 @@ jest.mock('../../tags-container/tags-container', () => {
   });
 });
 
-jest.mock('../../tags-viewer/tags-viewer', () => {
+jest.mock('components/Tag/TagsViewer/tags-viewer', () => {
   return jest.fn().mockReturnValue(<p data-testid="info-tags">TagViewer</p>);
 });
 
@@ -151,7 +151,7 @@ jest.mock('../EntitySummaryDetails/EntitySummaryDetails', () => {
     );
 });
 
-jest.mock('../../tags/tags', () => {
+jest.mock('components/Tag/Tags/tags', () => {
   return jest.fn().mockReturnValue(<p data-testid="tier-tag">Tag</p>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/EntityPageInfo.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/EntityPageInfo.tsx
index 0df97fb6ffe..4ef4b568dea 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/EntityPageInfo.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/EntityPageInfo.tsx
@@ -16,6 +16,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Button, Popover, Space, Tooltip } from 'antd';
 import { AxiosError } from 'axios';
 import classNames from 'classnames';
+import Tags from 'components/Tag/Tags/tags';
 import { t } from 'i18next';
 import { cloneDeep, isEmpty, isUndefined } from 'lodash';
 import { EntityTags, ExtraInfo, TagOption } from 'Models';
@@ -42,9 +43,8 @@ import {
   TASK_ENTITIES,
 } from '../../../utils/TasksUtils';
 import { showErrorToast } from '../../../utils/ToastUtils';
-import TagsContainer from '../../tags-container/tags-container';
-import TagsViewer from '../../tags-viewer/tags-viewer';
-import Tags from '../../tags/tags';
+import TagsContainer from '../../Tag/TagsContainer/tags-container';
+import TagsViewer from '../../Tag/TagsViewer/tags-viewer';
 import EntitySummaryDetails from '../EntitySummaryDetails/EntitySummaryDetails';
 import ProfilePicture from '../ProfilePicture/ProfilePicture';
 import TitleBreadcrumb from '../title-breadcrumb/title-breadcrumb.component';
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/table-data-card/TableDataCardBody.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/table-data-card/TableDataCardBody.tsx
index 538b10c8354..21d26202614 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/table-data-card/TableDataCardBody.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/table-data-card/TableDataCardBody.tsx
@@ -17,7 +17,7 @@ import React, { FunctionComponent } from 'react';
 import { TagLabel } from '../../../generated/type/tagLabel';
 import { getTagValue } from '../../../utils/CommonUtils';
 import SVGIcons from '../../../utils/SvgUtils';
-import TagsViewer from '../../tags-viewer/tags-viewer';
+import TagsViewer from '../../Tag/TagsViewer/tags-viewer';
 import EntitySummaryDetails from '../EntitySummaryDetails/EntitySummaryDetails';
 import RichTextEditorPreviewer from '../rich-text-editor/RichTextEditorPreviewer';
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/database-details/index.test.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/database-details/index.test.tsx
index dbf24553fc1..6ee2d03df62 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/database-details/index.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/database-details/index.test.tsx
@@ -272,7 +272,7 @@ jest.mock('../../utils/CommonUtils', () => ({
   getEntityName: jest.fn().mockReturnValue('entityname'),
 }));
 
-jest.mock('components/tags/tags', () => {
+jest.mock('components/Tag/Tags/tags', () => {
   return jest.fn().mockReturnValue(<span>Tag</span>);
 });
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/service/index.test.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/service/index.test.tsx
index 83cb0d5e171..1cd5431c7f3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/service/index.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/service/index.test.tsx
@@ -237,7 +237,7 @@ jest.mock(
   }
 );
 
-jest.mock('components/tags-viewer/tags-viewer', () => {
+jest.mock('components/Tag/TagsViewer/tags-viewer', () => {
   return jest
     .fn()
     .mockReturnValue(<div data-testid="tag-viewer">Tag Viewer</div>);
diff --git a/openmetadata-ui/src/main/resources/ui/src/pages/service/index.tsx b/openmetadata-ui/src/main/resources/ui/src/pages/service/index.tsx
index 9130c919c4b..525d97f7857 100644
--- a/openmetadata-ui/src/main/resources/ui/src/pages/service/index.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/pages/service/index.tsx
@@ -32,7 +32,7 @@ import Loader from 'components/Loader/Loader';
 import { usePermissionProvider } from 'components/PermissionProvider/PermissionProvider';
 import { OperationPermission } from 'components/PermissionProvider/PermissionProvider.interface';
 import ServiceConnectionDetails from 'components/ServiceConnectionDetails/ServiceConnectionDetails.component';
-import TagsViewer from 'components/tags-viewer/tags-viewer';
+import TagsViewer from 'components/Tag/TagsViewer/tags-viewer';
 import { t } from 'i18next';
 import { isEmpty, isNil, isUndefined, startCase, toLower } from 'lodash';
 import { ExtraInfo, ServicesUpdateRequest, ServiceTypes } from 'Models';