diff --git a/src/components/d3/monitoring/D3HorizontalCursor.tsx b/src/components/d3/monitoring/D3HorizontalCursor.tsx
index af75ff0..eb1e7e2 100644
--- a/src/components/d3/monitoring/D3HorizontalCursor.tsx
+++ b/src/components/d3/monitoring/D3HorizontalCursor.tsx
@@ -186,7 +186,7 @@ const _D3HorizontalCursor = <DataType,>({
                     pointerEvents={fixed ? 'all' : 'none'}
                     style={{ transition: 'opacity .1s ease-out', userSelect: fixed ? 'auto' : 'none' }}
                 >
-                    <div className={`tooltip ${position} ${className}`}
+                    <div className={`adaptive-tooltip tooltip ${position} ${className}`}
                          style={{height: 'auto', bottom: `${position === 'bottom' ? '0' : ''}`}}
                     >
                         <div className={'tooltip-content'}>
diff --git a/src/pages/Telemetry/Archive/index.jsx b/src/pages/Telemetry/Archive/index.jsx
index 4db24f0..4f27bcc 100755
--- a/src/pages/Telemetry/Archive/index.jsx
+++ b/src/pages/Telemetry/Archive/index.jsx
@@ -255,7 +255,7 @@ const Archive = memo(() => {
                 plugins={{
                     menu: { enabled: false },
                     cursor: {
-                        width: 220,
+                        width: 230,
                         render: cursorRender,
                     }
                 }}
diff --git a/src/styles/d3.less b/src/styles/d3.less
index 3bc9dc6..62ca5c7 100644
--- a/src/styles/d3.less
+++ b/src/styles/d3.less
@@ -9,10 +9,6 @@
 
         width: 100%;
         height: 100%;
-
-        left: 0;
-        right: 0;
-        margin: 0 auto;
     
         font-size: 13px;
         color: @color;
@@ -113,31 +109,51 @@
         width: 100%;
         height: 100%;
     }
+
+    & .adaptive-tooltip {
+        left: 0;
+        right: 0;
+        margin: 0 auto;
+    }
 }
 
-@media (max-width: 1800px) {
-    .asb-d3-chart {
-        & .tooltip {
-            width: 190px;
-            font-size: 10px;
-        }
+@media (max-width: 1830px) {
+    .asb-d3-chart .adaptive-tooltip {
+        max-width: 190px;
+        font-size: 10px;
     }
 }
 
 @media (max-width: 1600px) {
-    .asb-d3-chart {
-        & .tooltip {
-            width: 160px;
-            font-size: 8px;
-        }
+    .asb-d3-chart  .adaptive-tooltip {
+        max-width: 160px;
+        font-size: 8px;
     }
 }
 
-@media (max-width: 1400px) {
-    .asb-d3-chart {
-        & .tooltip {
-            width: 140px;
-            font-size: 7px;
-        }
+@media (max-width: 1420px) {
+    .asb-d3-chart .adaptive-tooltip {
+        max-width: 140px;
+        font-size: 7px;
+        padding: 0;
+    }
+}
+
+@media (max-width: 1300px) {
+    .asb-d3-chart .adaptive-tooltip {
+        max-width: 125px;
+    }
+}
+
+@media (max-width: 1200px) {
+    .asb-d3-chart .adaptive-tooltip {
+        max-width: 105px;
+        font-size: 6px;
+    }
+}
+
+@media (max-width: 1100px) {
+    .asb-d3-chart .adaptive-tooltip {
+        max-width: 90px;
     }
 }
\ No newline at end of file