diff --git a/tgui/packages/tgui/interfaces/NavigationShuttle.tsx b/tgui/packages/tgui/interfaces/NavigationShuttle.tsx
index 19ff7a0c7149..7748b93dcdcb 100644
--- a/tgui/packages/tgui/interfaces/NavigationShuttle.tsx
+++ b/tgui/packages/tgui/interfaces/NavigationShuttle.tsx
@@ -156,9 +156,15 @@ export const LaunchCountdown = (_, context) => {
 };
 
 export const InFlightCountdown = (_, context) => {
-  const { data } = useBackend<NavigationProps>(context);
+  const { data, act } = useBackend<NavigationProps>(context);
   return (
-    <Section title={`In flight: ${data.target_destination}`}>
+    <Section
+      title={`In flight: ${data.target_destination}`}
+      buttons={
+        data.target_destination === 'Flyby' && (
+          <Button onClick={() => act('cancel-flyby')}>Cancel</Button>
+        )
+      }>
       <div className="InFlightCountdown">
         <Stack vertical>
           <Stack.Item>