diff --git a/common.js b/common.js
index 5c2663a..3a39e4b 100644
--- a/common.js
+++ b/common.js
@@ -181,18 +181,18 @@ User-Agent String: ${prefs.mode === 'custom' ? custom : prefs.ua || navigator.us
 chrome.storage.local.get({
   'version': null,
   'faqs': true,
-  'last-update': 0,
+  'last-update': 0
 }, prefs => {
   const version = chrome.runtime.getManifest().version;
 
   if (prefs.version ? (prefs.faqs && prefs.version !== version) : true) {
     const now = Date.now();
-    const doUpdate = (now - prefs['last-update']) / 1000 / 60 / 60 / 24 > 30;
+    const doUpdate = (now - prefs['last-update']) / 1000 / 60 / 60 / 24 > 45;
     chrome.storage.local.set({
       version,
       'last-update': doUpdate ? Date.now() : prefs['last-update']
     }, () => {
-      // do not display the FAQs page if last-update occurred less than 30 days ago.
+      // do not display the FAQs page if last-update occurred less than 45 days ago.
       if (doUpdate) {
         const p = Boolean(prefs.version);
         chrome.tabs.create({
diff --git a/data/popup/index.css b/data/popup/index.css
index 66ea429..abb1ebe 100644
--- a/data/popup/index.css
+++ b/data/popup/index.css
@@ -80,6 +80,7 @@ select {
   overflow: auto;
   height: 300px;
   margin-bottom: 10px;
+  color: #000;
   background-color: #fdfafa;
   background-position: top 120px center;
   background-repeat: no-repeat;
@@ -93,6 +94,7 @@ select {
 }
 #list th {
   height: 30px;
+  color: #000;
   background-color: #e7e7e7;
 }
 #list tr {
@@ -105,12 +107,14 @@ select {
   position: relative;
 }
 #list tbody tr:nth-child(odd) {
+  color: #000;
   background-color: #fff;
 }
 #list tbody tr:nth-child(even) {
+  color: #000;
   background-color: #f5f5f5;
 }
-#list[data-loading=false] tbody:empty:before {
+#list[data-loading=false] tbody:empty::before {
   content: 'no user-agent string for this query!';
   display: block;
   position: absolute;
@@ -168,6 +172,7 @@ select {
 
 [data-cmd="options"],
 [data-cmd="refresh"] {
+  color: #000;
   background-color: #f5f5f5;
 }