From 694c18cfe86fbfa2d336eec020026064c587af81 Mon Sep 17 00:00:00 2001
From: v-tarasevich-blitz-brain <v.tarasevich@blitz-brain.com>
Date: Wed, 6 Aug 2025 21:00:59 +0300
Subject: [PATCH] fix(customHomePage): fix color of elipsis in entity name
 inside of modules (#14325)

---
 .../app/searchV2/autoCompleteV2/components/DisplayName.tsx  | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/datahub-web-react/src/app/searchV2/autoCompleteV2/components/DisplayName.tsx b/datahub-web-react/src/app/searchV2/autoCompleteV2/components/DisplayName.tsx
index 78351c771c..1dd015b196 100644
--- a/datahub-web-react/src/app/searchV2/autoCompleteV2/components/DisplayName.tsx
+++ b/datahub-web-react/src/app/searchV2/autoCompleteV2/components/DisplayName.tsx
@@ -3,13 +3,15 @@ import React from 'react';
 import styled from 'styled-components';
 
 import { FontColorLevelOptions, FontColorOptions, FontSizeOptions, FontWeightOptions } from '@components/theme/config';
+import { getColor } from '@components/theme/utils';
 
 import useMeasureIfTrancated from '@app/shared/useMeasureIfTruncated';
 
-const EntityTitleContainer = styled.div`
+const EntityTitleContainer = styled.div<{ $color?: FontColorOptions; $colorLevel?: FontColorLevelOptions }>`
     text-overflow: ellipsis;
     overflow: hidden;
     max-width: 400px;
+    color: ${(props) => getColor(props.$color, props.$colorLevel, props.theme)};
 `;
 
 const PopoverWrapper = styled.div`
@@ -49,7 +51,7 @@ export default function DisplayName({
                 ) : undefined
             }
         >
-            <EntityTitleContainer ref={measuredRef} className={className}>
+            <EntityTitleContainer ref={measuredRef} className={className} $color={color} $colorLevel={colorLevel}>
                 <MatchText
                     type="span"
                     color={color}