diff --git a/Views/Vehicle/_ReminderRecordModal.cshtml b/Views/Vehicle/_ReminderRecordModal.cshtml
index 19fd72f..d939ade 100644
--- a/Views/Vehicle/_ReminderRecordModal.cshtml
+++ b/Views/Vehicle/_ReminderRecordModal.cshtml
@@ -23,11 +23,16 @@
                         <input type="text" id="reminderDate" class="form-control" placeholder="Future Date" value="@Model.Date">
                         <span class="input-group-text"><i class="bi bi-calendar-event"></i></span>
                     </div>
-                    <div class="form-check form-check-inline">
+                    <div class="form-check form-check-inline">                        
                         <input class="form-check-input" type="radio" name="reminderMetricOptions" id="reminderMetricOdometer" value="@(ReminderMetric.Odometer)" checked="@(Model.Metric == ReminderMetric.Odometer)">
                         <label class="form-check-label" for="reminderMetricOdometer">Odometer</label>
+                    </div>     
+                    <div class="input-group">
+                        <input type="number" id="reminderMileage" class="form-control" placeholder="Future Odometer Reading" value="@(isNew ? "" : Model.Mileage)">
+                        <div class="input-group-text">
+                            <button type="button" class="btn btn-sm btn-primary" onclick="appendMileageToOdometer(500)">+500</button>
+                        </div>
                     </div>
-                    <input type="number" id="reminderMileage" class="form-control" placeholder="Future Odometer Reading" value="@(isNew ? "" : Model.Mileage)">
                     <div class="form-check form-check-inline">
                         <input class="form-check-input" type="radio" name="reminderMetricOptions" id="reminderMetricBoth" value="@(ReminderMetric.Both)" checked="@(Model.Metric == ReminderMetric.Both)">
                         <label class="form-check-label" for="reminderMetricBoth">Whichever comes first</label>
diff --git a/wwwroot/js/reminderrecord.js b/wwwroot/js/reminderrecord.js
index 30d72ea..d5ebdf6 100644
--- a/wwwroot/js/reminderrecord.js
+++ b/wwwroot/js/reminderrecord.js
@@ -59,6 +59,17 @@ function saveReminderRecordToVehicle(isEdit) {
         }
     })
 }
+function appendMileageToOdometer(increment) {
+    var reminderMileage = $("#reminderMileage").val();
+    var reminderMileageIsInvalid = reminderMileage.trim() == '' || parseInt(reminderMileage) < 0;
+    if (reminderMileageIsInvalid) {
+        reminderMileage = 0;
+    } else {
+        reminderMileage = parseInt(reminderMileage);
+    }
+    reminderMileage += increment;
+    $("#reminderMileage").val(reminderMileage);
+}
 function getAndValidateReminderRecordValues() {
     var reminderDate = $("#reminderDate").val();
     var reminderMileage = $("#reminderMileage").val();
diff --git a/wwwroot/js/vehicle.js b/wwwroot/js/vehicle.js
index b960483..55d9f90 100644
--- a/wwwroot/js/vehicle.js
+++ b/wwwroot/js/vehicle.js
@@ -197,17 +197,19 @@ function showAddReminderModal(reminderModalInput) {
     }
 }
 function getVehicleHaveImportantReminders(vehicleId) {
-    $.get(`/Vehicle/GetVehicleHaveUrgentOrPastDueReminders?vehicleId=${vehicleId}`, function (data) {
-        if (data) {
-            $("#reminderBell").removeClass("bi-bell");
-            $("#reminderBell").addClass("bi-bell-fill");
-            $("#reminderBell").addClass("text-warning");
-            $("#reminderBellDiv").addClass("bell-shake");
-        } else {
-            $("#reminderBellDiv").removeClass("bell-shake");
-            $("#reminderBell").removeClass("bi-bell-fill");
-            $("#reminderBell").addClass("bi-bell");
-            $("#reminderBell").removeClass("text-warning");
-        }
-    });
+    setTimeout(function () {
+        $.get(`/Vehicle/GetVehicleHaveUrgentOrPastDueReminders?vehicleId=${vehicleId}`, function (data) {
+            if (data) {
+                $("#reminderBell").removeClass("bi-bell");
+                $("#reminderBell").addClass("bi-bell-fill");
+                $("#reminderBell").addClass("text-warning");
+                $("#reminderBellDiv").addClass("bell-shake");
+            } else {
+                $("#reminderBellDiv").removeClass("bell-shake");
+                $("#reminderBell").removeClass("bi-bell-fill");
+                $("#reminderBell").addClass("bi-bell");
+                $("#reminderBell").removeClass("text-warning");
+            }
+        });
+    }, 500);
 }
\ No newline at end of file