diff --git a/openmetadata-ui/src/main/resources/ui/src/components/AsyncSelectList/AsyncSelectList.tsx b/openmetadata-ui/src/main/resources/ui/src/components/AsyncSelectList/AsyncSelectList.tsx index 5d80406381a..d0c0e5d1899 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/AsyncSelectList/AsyncSelectList.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/AsyncSelectList/AsyncSelectList.tsx @@ -13,7 +13,7 @@ import { Select, SelectProps, Space, Tooltip, Typography } from 'antd'; import { DefaultOptionType } from 'antd/lib/select'; import { AxiosError } from 'axios'; -import { debounce } from 'lodash'; +import { debounce, isEmpty } from 'lodash'; import React, { FC, useCallback, useMemo, useState } from 'react'; import Loader from '../../components/Loader/Loader'; import { FQN_SEPARATOR_CHAR } from '../../constants/char.constants'; @@ -70,8 +70,9 @@ const AsyncSelectList: FC = ({ .map((tag) => { const displayName = tag.data?.displayName; const parts = Fqn.split(tag.label); - const lastPartOfTag = - displayName ?? parts.slice(-1).join(FQN_SEPARATOR_CHAR); + const lastPartOfTag = isEmpty(displayName) + ? parts.slice(-1).join(FQN_SEPARATOR_CHAR) + : displayName; parts.pop(); return { diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsV1/TagsV1.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsV1/TagsV1.component.tsx index 1dfbbb8d374..2994b37562a 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsV1/TagsV1.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsV1/TagsV1.component.tsx @@ -97,7 +97,7 @@ const TagsV1 = ({ const tagColorBar = useMemo( () => color ? ( -
+
) : null, [color] ); diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsV1/tagsV1.less b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsV1/tagsV1.less index 5bf86820c9d..94d58ea350d 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsV1/tagsV1.less +++ b/openmetadata-ui/src/main/resources/ui/src/components/Tag/TagsV1/tagsV1.less @@ -44,9 +44,7 @@ } .tag-color-bar { - width: 5px; - height: auto; - background: @tag-background-color; + border-left: 5px solid @tag-background-color; } .tags-label {