diff --git a/src/plugins/imagery/components/Compass/CompassRose.vue b/src/plugins/imagery/components/Compass/CompassRose.vue
index 3a09db17c9..07af6a266f 100644
--- a/src/plugins/imagery/components/Compass/CompassRose.vue
+++ b/src/plugins/imagery/components/Compass/CompassRose.vue
@@ -124,6 +124,7 @@
     </div>
 
     <div
+        v-if="showSunHeading"
         class="c-sun"
         :style="sunHeadingStyle"
     ></div>
@@ -229,6 +230,9 @@ export default {
                 transform: `rotate(${ rotation }deg)`
             };
         },
+        showSunHeading() {
+            return this.sunHeading !== undefined;
+        },
         sunHeadingStyle() {
             const rotation = rotate(this.north, this.sunHeading);