diff --git a/Packages/viewerbase/components/viewer/imageViewerViewport/imageViewerViewport.js b/Packages/viewerbase/components/viewer/imageViewerViewport/imageViewerViewport.js
index 6bb608268..a3da429d5 100644
--- a/Packages/viewerbase/components/viewer/imageViewerViewport/imageViewerViewport.js
+++ b/Packages/viewerbase/components/viewer/imageViewerViewport/imageViewerViewport.js
@@ -250,6 +250,11 @@ Template.imageViewerViewport.onRendered(function() {
     var studies = Session.get('studies');
     var activeViewport = Session.get('activeViewport');
 
+    if (activeViewport === this.data.viewportIndex) {
+        $('#imageViewerViewports .viewportContainer').removeClass('active');
+        $(element).parents('.viewportContainer').addClass('active');
+    }
+
     var data = {
         element: element,
         viewport: this.data.viewport,
@@ -305,6 +310,9 @@ Template.imageViewerViewport.events({
         log.info("imageViewerViewport ActivateViewport");
 
         Session.set("activeViewport", this.viewportIndex);
+        $('#imageViewerViewports .viewportContainer').removeClass('active');
+        $(e.currentTarget).parents('.viewportContainer').addClass('active');
+
         enablePrefetchOnElement(this.viewportIndex);
         displayReferenceLines(this.viewportIndex);
     },
diff --git a/Packages/viewerbase/components/viewer/imageViewerViewports/imageViewerViewports.styl b/Packages/viewerbase/components/viewer/imageViewerViewports/imageViewerViewports.styl
index dc1244d31..65693b725 100644
--- a/Packages/viewerbase/components/viewer/imageViewerViewports/imageViewerViewports.styl
+++ b/Packages/viewerbase/components/viewer/imageViewerViewports/imageViewerViewports.styl
@@ -6,6 +6,12 @@
     float: left
     border: 2px solid #777
     
+    &.active, &:hover.active
+      border: 2px solid #9A6617
+      
+    &:hover
+      border: 2px solid white
+    
     .removable
       width: 100%
       height: 100%