diff --git a/scripts/make-fake-data.js b/scripts/make-fake-data.js
index 1ef623c..349b91d 100644
--- a/scripts/make-fake-data.js
+++ b/scripts/make-fake-data.js
@@ -383,6 +383,14 @@ function getPreferences() {
   }
 }
 
+function cacheinfo() {
+  return {
+    cache_size: faker.random.number(),
+    cache_evicted: faker.random.number(),
+    cache_inserted: faker.random.number()
+  };
+}
+
 console.log("Deleting old fake API data...");
 fs.emptyDirSync("public/fakeAPI/dns");
 fs.emptyDirSync("public/fakeAPI/stats");
@@ -395,6 +403,7 @@ write("public/fakeAPI/dns/whitelist", list());
 write("public/fakeAPI/dns/blacklist", list());
 write("public/fakeAPI/dns/regexlist", list());
 write("public/fakeAPI/dns/status", status());
+write("public/fakeAPI/dns/cacheinfo", cacheinfo());
 write("public/fakeAPI/settings/dhcp", getDHCPInfo());
 write("public/fakeAPI/settings/dns", getDNSInfo());
 write("public/fakeAPI/settings/network", getNetworkInfo());
diff --git a/src/components/settings/CacheInfo.tsx b/src/components/settings/CacheInfo.tsx
index 26e87a1..44c9015 100644
--- a/src/components/settings/CacheInfo.tsx
+++ b/src/components/settings/CacheInfo.tsx
@@ -96,7 +96,7 @@ class CacheInfo extends Component<WithTranslation, CacheInfoState> {
               plaintext
               readOnly
               id="cache_inserted"
-              value={this.state.cache_inserted}
+              value={this.state.cache_inserted.toLocaleString()}
             />
           </Col>
         </FormGroup>