diff --git a/src/components/d3/monitoring/D3HorizontalCursor.tsx b/src/components/d3/monitoring/D3HorizontalCursor.tsx
index 44d1ec1..335475d 100644
--- a/src/components/d3/monitoring/D3HorizontalCursor.tsx
+++ b/src/components/d3/monitoring/D3HorizontalCursor.tsx
@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode, SVGProps, useEffect, useMemo, useRef, useState } from 'react'
+import { CSSProperties, ReactNode, SVGProps, useEffect, useMemo, useRef, useState, isValidElement, cloneElement } from 'react'
 import * as d3 from 'd3'
 
 import { wrapPlugin } from '@components/d3/plugins/base'
@@ -166,6 +166,7 @@ const _D3HorizontalCursor = <DataType,>({
         })
 
         const bodies = groups.map((group) => render(group, chartData))
+            .map(body => isValidElement(body) ? cloneElement(body, {className: 'tooltip-body' }) : body)
 
         setTooltipBodies(bodies)
     }, [groups, data, yAxis, lineY, fixed, mouseState.visible])
diff --git a/src/styles/d3.less b/src/styles/d3.less
index 6ec1bb0..daadea4 100644
--- a/src/styles/d3.less
+++ b/src/styles/d3.less
@@ -99,6 +99,13 @@
                     }
                 }
             }
+
+            & .tooltip-body {
+
+                & > div:nth-child(n+3):nth-child(3n+1) {
+                    text-align: end;
+                }
+            }
         }
     }