diff --git a/Phi/widgets/map.html b/Phi/widgets/map.html
index 3ca150192..9fc397b9a 100644
--- a/Phi/widgets/map.html
+++ b/Phi/widgets/map.html
@@ -69,4 +69,10 @@
     width: 40px;
     height: 40px;
 }
+
+.mapOptionEnabled {
+    outline: 3px solid green;
+    border-radius: 5px;
+}
+
 </style>
diff --git a/Phi/widgets/map.js b/Phi/widgets/map.js
index c4fe87433..9839f238e 100644
--- a/Phi/widgets/map.js
+++ b/Phi/widgets/map.js
@@ -150,7 +150,7 @@ define(
 
                     followAircraftControl.onAdd = function(map) {
                         this._div = L.DomUtil.create('div', 'followAircraft');
-                        this._div.innerHTML = '<img src="images/followAircraft.svg" title="Center Map on Aircraft Position" data-bind="click: toggleFollowAircraft"/>';
+                        this._div.innerHTML = '<img src="images/followAircraft.svg" title="Center Map on Aircraft Position" data-bind="css: { mapOptionEnabled: followAircraft() }, click: toggleFollowAircraft"/>';
                         return this._div;
                     }
                     followAircraftControl.addTo(self.map);