diff --git a/src/frontend/src/components/DroneOperatorTask/MapSection/index.tsx b/src/frontend/src/components/DroneOperatorTask/MapSection/index.tsx
index 0348dc3f..f7016b15 100644
--- a/src/frontend/src/components/DroneOperatorTask/MapSection/index.tsx
+++ b/src/frontend/src/components/DroneOperatorTask/MapSection/index.tsx
@@ -229,6 +229,7 @@ const MapSection = ({ className }: { className?: string }) => {
           <p className="naxatw-text-base">
             Gimble angle: {popupData?.gimbal_angle} degree
           </p>
+          <p className="naxatw-text-base">Heading: {popupData?.heading}</p>
           {popupData?.altitude && (
             <p className="naxatw-text-base">
               Altitude: {popupData?.altitude} meter