diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/BlurLayout.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/BlurLayout.test.tsx
index 400e168894c..3214ae27337 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/BlurLayout.test.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/BlurLayout.test.tsx
@@ -98,6 +98,8 @@ describe('Test BlurLayout Component', () => {
 
     expect(displayButton).toBeInTheDocument();
 
+    expect(displayButton).toHaveTextContent('Read less');
+
     fireEvent.click(displayButton);
 
     expect(displayMoreHandler).toBeCalled();
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/BlurLayout.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/BlurLayout.tsx
index b56bce57bf8..c90879d9b96 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/BlurLayout.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/BlurLayout.tsx
@@ -13,7 +13,6 @@
 
 import classNames from 'classnames';
 import React, { FC } from 'react';
-import SVGIcons, { Icons } from '../../../utils/SvgUtils';
 import { MAX_LENGTH } from './RichTextEditorPreviewer';
 
 interface BlurLayoutProp {
@@ -51,12 +50,7 @@ export const BlurLayout: FC<BlurLayoutProp> = ({
         data-testid="display-button"
         onClick={displayMoreHandler}>
         <span className="tw-flex tw-items-center tw-gap-2">
-          <SVGIcons
-            alt="expand-collapse"
-            className={classNames({ 'rotate-inverse': displayMoreText })}
-            icon={Icons.CHEVRON_DOWN}
-            width="32"
-          />
+          {displayMoreText ? 'Read less' : 'Read more'}
         </span>
       </p>
     </div>