diff --git a/package.json b/package.json
index fc55315..d805276 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zotero-style",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Zotero Style",
   "config": {
     "addonName": "Zotero Style",
diff --git a/src/modules/progress.ts b/src/modules/progress.ts
index 46a5023..f1632b7 100644
--- a/src/modules/progress.ts
+++ b/src/modules/progress.ts
@@ -1,4 +1,3 @@
-import { log } from "zotero-plugin-toolkit/dist/utils";
 import { config } from "../../package.json";
 
 
@@ -75,7 +74,7 @@ export default class Progress {
         styles: {
           width: "100%",
           height: "20px",
-          opacity
+          // opacity
         }
       }
     ) as HTMLDivElement
@@ -104,8 +103,7 @@ export default class Progress {
     const [red, green, blue] = this.getRGB(color)
     paper.path(polygon).attr({
       stroke: "transparent",
-      // fill: `90-rgba(255, 255, 255, 0)-rgba(${red}, ${green}, ${blue}, 0.8)`,
-      fill: `rgba(${red}, ${green}, ${blue}, 0.8)`,
+      fill: `90-rgba(${red}, ${green}, ${blue}, ${opacity})-rgba(${red}, ${green}, ${blue}, 0.8)`,
     })
     paper.path(line).attr({
       stroke: `rgba(${red}, ${green}, ${blue}, 1)`,
diff --git a/src/modules/views.ts b/src/modules/views.ts
index 71f7a91..d7979e6 100644
--- a/src/modules/views.ts
+++ b/src/modules/views.ts
@@ -48,15 +48,15 @@ export default class Views {
       (index: number, data: string, column: any, original: Function) => {
         const cellSpan = original(index, data, column) as HTMLSpanElement;
         let titleSpan = cellSpan.querySelector(".cell-text") as HTMLSpanElement;
-        const title = titleSpan.innerText
-        titleSpan.innerText = ""
+        const titleHTML = titleSpan.innerHTML
+        titleSpan.innerHTML = ""
         const span = ztoolkit.UI.createElement(
           document,
           "span",
           {
             id: "title",
             properties: {
-              innerText: title
+              innerHTML: titleHTML
             }
           })
         titleSpan.appendChild(span)
@@ -539,8 +539,8 @@ export default class Views {
         let columnsView = columnsViews[i]
         const r: number = .7
         const color = {
-          active: "#fd91a6",
-          default: "#7f7f88"
+          active: "#FF597B",
+          default: "#97DECE"
         }
         let optionNode = switchContainer.appendChild(
           ztoolkit.UI.createElement(
diff --git a/update.json b/update.json
index 8a5c439..48ca96b 100644
--- a/update.json
+++ b/update.json
@@ -3,7 +3,7 @@
     "zoterostyle@polygon.org": {
       "updates": [
         {
-          "version": "2.0.4",
+          "version": "2.0.5",
           "update_link": "https://github.com/muisedestiny/zotero-style/releases/latest/download/zotero-style.xpi",
           "applications": {
             "gecko": {
@@ -12,7 +12,7 @@
           }
         },
         {
-          "version": "2.0.4",
+          "version": "2.0.5",
           "update_link": "https://github.com/muisedestiny/zotero-style/releases/latest/download/zotero-style.xpi",
           "applications": {
             "zotero": {
diff --git a/update.rdf b/update.rdf
index 7fab67b..2b1c0ab 100644
--- a/update.rdf
+++ b/update.rdf
@@ -5,7 +5,7 @@
       <rdf:Seq>
         <rdf:li>
           <rdf:Description>
-            <em:version>2.0.4</em:version>
+            <em:version>2.0.5</em:version>
             <em:targetApplication>
               <rdf:Description>
                 <em:id>zotero@chnm.gmu.edu</em:id>