diff --git a/www/js/diary/list.js b/www/js/diary/list.js
index 43efca714..5cc354c34 100644
--- a/www/js/diary/list.js
+++ b/www/js/diary/list.js
@@ -290,6 +290,10 @@ angular.module('emission.main.diary.list',['ui-leaflet',
       {
         target: '.diary-entry',
         content: 'Click on the map to see more details about each trip.'
+      },
+      {
+        target: '.refresh-tiles',
+        content: 'Use this to fix the map tiles if they have not loaded properly.'
       }]
     };
 
@@ -297,6 +301,10 @@ angular.module('emission.main.diary.list',['ui-leaflet',
       nzTour.start(tour);
     };
 
+    $scope.refreshTiles = function() {
+      $scope.$broadcast('invalidateSize');
+    };
+
     /*
     * Checks if it is the first time the user has loaded the diary tab. If it is then
     * show a walkthrough and store the info that the user has seen the tutorial.
diff --git a/www/templates/diary/list.html b/www/templates/diary/list.html
index 55a894744..fc820a2a2 100644
--- a/www/templates/diary/list.html
+++ b/www/templates/diary/list.html
@@ -15,6 +15,9 @@
          <ion-nav-buttons side="right">
              <button class="button button-icon ion-help" ng-click="startWalkthrough()"></button>
          </ion-nav-buttons>
+         <ion-nav-buttons side="left">
+             <button class="button refresh-tiles" ng-click="refreshTiles()">Fix Map</button>
+         </ion-nav-buttons>
     </ion-nav-bar>
     <div style="background-color: transparent; border-left-style: solid; border-left-width: 0.5px; border-left-color: #212121; margin-left: 10%; position: absolute; float: left; height: 100%;"></div>
 	<ion-content class="diary-entry">