diff --git a/extensions/cornerstone/src/components/NavigationComponent/NavigationComponent.tsx b/extensions/cornerstone/src/components/NavigationComponent/NavigationComponent.tsx
index 6fb85cf2041..03edf10b773 100644
--- a/extensions/cornerstone/src/components/NavigationComponent/NavigationComponent.tsx
+++ b/extensions/cornerstone/src/components/NavigationComponent/NavigationComponent.tsx
@@ -87,7 +87,10 @@ function NavigationComponent({ viewportId }: { viewportId: string }) {
         return;
       }
 
-      const segmentationId = segmentationsWithRepresentations[0].segmentation.segmentationId;
+      const activeSegmentationWithRepresentation = segmentationsWithRepresentations.find(
+        segmentation => segmentation?.representation?.active
+      );
+      const segmentationId = activeSegmentationWithRepresentation.segmentation.segmentationId;
 
       utils.handleSegmentChange({
         direction,