diff --git a/Views/Vehicle/_OdometerRecordModal.cshtml b/Views/Vehicle/_OdometerRecordModal.cshtml
index f48efc5..f950340 100644
--- a/Views/Vehicle/_OdometerRecordModal.cshtml
+++ b/Views/Vehicle/_OdometerRecordModal.cshtml
@@ -24,7 +24,7 @@
                     </div>
                     <label for="initialOdometerRecordMileage">@translator.Translate(userLanguage, "Initial Odometer")</label>
                     <div class="input-group">
-                        <input type="number" inputmode="numeric" id="initialOdometerRecordMileage" disabled="@(Model.InitialMileage != default ? "true" : "false")" class="form-control" placeholder="@translator.Translate(userLanguage,"Initial Odometer reading")" value="@(Model.InitialMileage)">
+                        <input type="number" inputmode="numeric" id="initialOdometerRecordMileage" @(Model.InitialMileage != default ? "disabled" : "") class="form-control" placeholder="@translator.Translate(userLanguage,"Initial Odometer reading")" value="@(Model.InitialMileage)">
                         @if (Model.InitialMileage != default)
                         {
                             <div class="input-group-text">
diff --git a/wwwroot/js/odometerrecord.js b/wwwroot/js/odometerrecord.js
index e1e4d81..95d3a32 100644
--- a/wwwroot/js/odometerrecord.js
+++ b/wwwroot/js/odometerrecord.js
@@ -211,9 +211,9 @@ function saveMultipleOdometerRecordsToVehicle() {
 }
 function toggleInitialOdometerEnabled() {
     if ($("#initialOdometerRecordMileage").prop("disabled")) {
-        $("#initialOdometerRecordMileage").attr("disabled", false);
+        $("#initialOdometerRecordMileage").prop("disabled", false);
     } else {
-        $("#initialOdometerRecordMileage").attr("disabled", true);
+        $("#initialOdometerRecordMileage").prop("disabled", true);
     }
     
 }
\ No newline at end of file