diff --git a/src/btn.css b/src/btn.css
index 0a41e01..d8c156d 100644
--- a/src/btn.css
+++ b/src/btn.css
@@ -52,12 +52,18 @@ button {
 /* fix `View in LibreScore` button text overflow */
 button:last-of-type {
   width: unset !important;
+  color: #2e68c0;
+  background: #e1effe;
 }
 
 button:hover {
   background: #1a4f9f;
 }
 
+button:last-of-type:hover {
+  background: #c3ddfd;
+}
+
 svg {
   display: inline-block;
   margin-right: 5px;
diff --git a/src/btn.ts b/src/btn.ts
index 9235496..f67745b 100644
--- a/src/btn.ts
+++ b/src/btn.ts
@@ -34,7 +34,7 @@ const buildDownloadBtn = (icon: ICON) => {
   svg.setAttribute('viewBox', '0 0 24 24')
   const svgPath = document.createElementNS('http://www.w3.org/2000/svg', 'path')
   svgPath.setAttribute('d', icon)
-  svgPath.setAttribute('fill', '#fff')
+  svgPath.setAttribute('fill', icon === ICON.DOWNLOAD ? '#fff' : '#2e68c0')
   svg.append(svgPath)
 
   const textNode = document.createElement('span')