diff --git a/data/theme/gnome-shell-sass/widgets/_calendar.scss b/data/theme/gnome-shell-sass/widgets/_calendar.scss
index 028318e25..f34e59110 100644
--- a/data/theme/gnome-shell-sass/widgets/_calendar.scss
+++ b/data/theme/gnome-shell-sass/widgets/_calendar.scss
@@ -251,6 +251,11 @@
         @extend %heading;
         color: $insensitive_fg_color;
 
+         // change style when no location is configured
+        &.no-location {
+          color: $fg_color;
+        }
+
         &.location {
           font-weight: normal;
         }
diff --git a/js/ui/dateMenu.js b/js/ui/dateMenu.js
index d731c1034..d09eabc3e 100644
--- a/js/ui/dateMenu.js
+++ b/js/ui/dateMenu.js
@@ -727,6 +727,11 @@ class WeatherSection extends St.Button {
         else
             this._titleLabel.text = _('Select weather location…');
 
+        if (this._weatherClient.hasLocation)
+            this._titleLabel.remove_style_class_name('no-location');
+        else
+            this._titleLabel.add_style_class_name('no-location');
+
         this._forecastGrid.visible = this._weatherClient.hasLocation;
         this._titleLocation.visible = this._weatherClient.hasLocation;