diff --git a/src/components/Display.jsx b/src/components/Display.jsx
index e575953..d021b81 100644
--- a/src/components/Display.jsx
+++ b/src/components/Display.jsx
@@ -1,13 +1,25 @@
-export const ValueDisplay = ({prefix, value, suffix}) =>{
-  let val = '---'
+import { useState } from 'react';
+import {CaretUpOutlined, CaretDownOutlined} from '@ant-design/icons'
 
+export const ValueDisplay = ({prefix, value, suffix, isArrowVisible}) =>{
+  const [oldVal, setOldVal] = useState(NaN)
+
+  let val = '---'
+  let arrow = null
   if(value)
-    if(Number.isFinite(+value))
+    if(Number.isFinite(+value)){
       val = (+value).toPrecision(4)??'---'
-    else
+      if (isArrowVisible)
+      {
+        arrow = value > oldVal 
+          ? <CaretUpOutlined style={{color:"red"}} onClick={!isArrowVisible} /> 
+          : <CaretDownOutlined style={{color:"red"}} onClick={!isArrowVisible} />
+        setOldVal(value)
+      }
+    } else
       val = value
 
-  return(<span className='display_value'>{prefix} {val} {suffix}</span>)
+  return(<span className='display_value'>{prefix} {val} {suffix}{arrow}</span>)
 }
 
 export const Display = (props)=>{
diff --git a/src/pages/TelemetryView.jsx b/src/pages/TelemetryView.jsx
index 8dcb0aa..5e6e321 100644
--- a/src/pages/TelemetryView.jsx
+++ b/src/pages/TelemetryView.jsx
@@ -97,7 +97,7 @@ export const Column = ({ lineGroup, data, interval }) => {
       <Display
         label={lineGroup.label}
         value={pv}
-        suffix={lineGroup.linePv?.units} />
+        suffix={lineGroup.linePv?.units} isArrowVisible={true}/>
       <ChartTimeOnline
         data={data}
         yDisplay={lineGroup.yDisplay}