diff --git a/packages/nc-gui/components/cell/TextArea.vue b/packages/nc-gui/components/cell/TextArea.vue
index 1cd392ca8e..353654f76c 100644
--- a/packages/nc-gui/components/cell/TextArea.vue
+++ b/packages/nc-gui/components/cell/TextArea.vue
@@ -40,6 +40,8 @@ const isUnderFormula = inject(IsUnderFormulaInj, ref(false))
 
 const cellEventHook = inject(CellEventHookInj, null)
 
+const active = inject(ActiveCellInj, null)
+
 const readOnly = computed(() => readOnlyInj.value || column.value.readonly)
 
 const canvasCellEventData = inject(CanvasCellEventDataInj, reactive<CanvasCellEventDataInjType>({}))
@@ -633,6 +635,7 @@ useResizeObserver(inputWrapperRef, () => {
       <div
         class="!absolute !hidden nc-text-area-expand-btn group-hover:block z-3 items-center gap-1"
         :class="{
+          'active': active && isCanvasInjected,
           'right-1': isForm,
           'right-0': !isForm,
           'top-0 right-0': isGrid && !isExpandedFormOpen && !isForm,
@@ -849,6 +852,9 @@ textarea:focus {
 .long-text-wrapper:hover .nc-text-area-expand-btn {
   @apply !flex cursor-pointer;
 }
+.long-text-wrapper .nc-text-area-expand-btn.active {
+  @apply !flex;
+}
 
 .nc-grid-cell {
   &.align-top {
diff --git a/packages/nc-gui/components/smartsheet/grid/canvas/cells/LongText.ts b/packages/nc-gui/components/smartsheet/grid/canvas/cells/LongText.ts
index 149050f2dd..7e7c49c8ab 100644
--- a/packages/nc-gui/components/smartsheet/grid/canvas/cells/LongText.ts
+++ b/packages/nc-gui/components/smartsheet/grid/canvas/cells/LongText.ts
@@ -51,7 +51,7 @@ export const LongTextCellRenderer: CellRenderer = {
     }
 
     if (!text) {
-      if (!props.tag?.renderAsTag && isHovered && selected) {
+      if (!props.tag?.renderAsTag && selected) {
         renderExpandIcon()
       }
 
@@ -81,12 +81,13 @@ export const LongTextCellRenderer: CellRenderer = {
         mousePosition,
         spriteLoader,
         cellRenderStore: props.cellRenderStore,
+        selected,
       })
 
       // Restore context after clipping
       ctx.restore()
 
-      if (!props.tag?.renderAsTag && isHovered) {
+      if (!props.tag?.renderAsTag && selected) {
         renderExpandIcon()
       }
 
@@ -106,7 +107,7 @@ export const LongTextCellRenderer: CellRenderer = {
         cellRenderStore: props.cellRenderStore,
       })
 
-      if (!props.tag?.renderAsTag && isHovered && selected) {
+      if (!props.tag?.renderAsTag && selected) {
         renderExpandIcon()
       }
 
diff --git a/packages/nc-gui/components/smartsheet/grid/canvas/utils/canvas.ts b/packages/nc-gui/components/smartsheet/grid/canvas/utils/canvas.ts
index 35b4ed3f08..647689feda 100644
--- a/packages/nc-gui/components/smartsheet/grid/canvas/utils/canvas.ts
+++ b/packages/nc-gui/components/smartsheet/grid/canvas/utils/canvas.ts
@@ -582,6 +582,7 @@ export const renderMarkdownBlocks = (
     cellRenderStore,
     fontFamily,
     height,
+    selected = false,
   }: {
     blocks: Block[]
     x: number
@@ -596,6 +597,7 @@ export const renderMarkdownBlocks = (
     fontFamily?: string
     mousePosition?: { x: number; y: number }
     height?: number
+    selected?: boolean
   },
 ) => {
   if (fillStyle) {
@@ -658,7 +660,7 @@ export const renderMarkdownBlocks = (
         text: tokenText,
         maxWidth,
         height,
-        fillStyle: isUrl ? '#3366FF' : (defaultFillStyle as string),
+        fillStyle: isUrl && selected ? '#3366FF' : (defaultFillStyle as string),
         fontFamily: ctx.font,
         maxLines: maxLinesToRender,
         underline: token.styles.includes('underline') || isUrl,
@@ -688,7 +690,7 @@ export const renderMarkdownBlocks = (
 
         const isHovered = isBoxHovered(linkBox, mousePosition)
 
-        if (isHovered) {
+        if (isHovered && selected) {
           multilineTextFnProps.fillStyle = '#000'
           ctx.fillStyle = '#000'
           ctx.strokeStyle = '#000'
@@ -1016,6 +1018,7 @@ export const renderMarkdown = (
     mousePosition = { x: 0, y: 0 },
     cellRenderStore,
     isTagLabel = false,
+    selected = false,
   } = params
   let { maxWidth = Infinity, maxLines } = params
 
@@ -1089,6 +1092,7 @@ export const renderMarkdown = (
       cellRenderStore,
       fontFamily,
       height,
+      selected,
     })
   } else {
     /**
diff --git a/packages/nc-gui/components/smartsheet/grid/canvas/utils/types.ts b/packages/nc-gui/components/smartsheet/grid/canvas/utils/types.ts
index fdb838f005..c8faaec825 100644
--- a/packages/nc-gui/components/smartsheet/grid/canvas/utils/types.ts
+++ b/packages/nc-gui/components/smartsheet/grid/canvas/utils/types.ts
@@ -33,6 +33,7 @@ export interface RenderMultiLineTextProps extends RenderSingleLineTextProps {
   mousePosition?: { x: number; y: number }
   firstLineMaxWidth?: number
   yOffset?: number
+  selected?: boolean
 }
 
 export interface RenderRectangleProps {