diff --git a/www/assets/js/track.js b/www/assets/js/track.js
index 997761c..08848a1 100644
--- a/www/assets/js/track.js
+++ b/www/assets/js/track.js
@@ -17,11 +17,7 @@ function addTrackingSuggestions() {
     $("#tracking-history-list ul").html("");
     var history = getTrackingHistory();
     if (history == false || history.length == 0) {
-        $("#tracking-history-list ul").append('<li class="item-content">'
-                + '<div class="item-inner"><div class="item-title">'
-                + "You haven't tracked anything yet."
-                + '</div></div></li>');
-        $("#tracking-history-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title">You haven\'t tracked anything yet.</div></div></li>');
+        $("#tracking-history-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title" style="color: var(--f7-list-item-footer-text-color);">You haven\'t tracked anything yet.</div></div></li>');
     } else {
         for (var i = history.length - 1; i >= 0; i--) {
             $("#tracking-history-list ul").append('<li><a class="item-link item-content hapticbtn" href="/track/' + history[i] + '">'
@@ -49,17 +45,17 @@ function addTrackingSuggestions() {
                 }
 
                 if (success.trackingnumbers.length == 0) {
-                    $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title">You have no recent shipments.</div></div></li>');
+                    $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title" style="color: var(--f7-list-item-footer-text-color);">You have no recent shipments.</div></div></li>');
                 }
             } else {
-                $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title">Error: ' + success.msg + '</div></div></li>');
+                $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title" style="color: var(--f7-list-item-footer-text-color);">Error: ' + success.msg + '</div></div></li>');
             }
         }, function (xhr, status, error) {
-            $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title">Server or network error. Try again later.</div></div></li>');
+            $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title" style="color: var(--f7-list-item-footer-text-color);">Server or network error. Try again later.</div></div></li>');
             sendErrorReport("Tracking", "Couldn't get account tracking codes", "Server/network problem: " + xhr.status + ": " + xhr.statusText);
         }, "GET");
     } else {
-        $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title">Get an account to use this feature.</div></div></li>');
+        $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title" style="color: var(--f7-list-item-footer-text-color);">Get an account to use this feature.</div></div></li>');
     }
 }