diff --git a/src/OpenWith.jsx b/src/OpenWith.jsx
index 73b07e9..da75034 100644
--- a/src/OpenWith.jsx
+++ b/src/OpenWith.jsx
@@ -1,6 +1,8 @@
 import React from "react";
 
 import openwithJson from "../public/openwith.json";
+// use static import of vizarr_logo.png to get base URL for other logos
+import vizarr_logo from "/vizarr_logo.png";
 
 export default function OpenWith({ source }) {
   let viewers = openwithJson.viewers;
@@ -9,7 +11,7 @@ export default function OpenWith({ source }) {
     <React.Fragment>
       {viewers.map((viewer) => (
         <a key={viewer.name} target="_blank" href={viewer.href + source} title={"Open with " + viewer.name}>
-          <img className="viewer_icon" src={viewer.logo} />
+          <img className="viewer_icon" src={vizarr_logo.replace("/vizarr_logo.png", viewer.logo)} />
         </a>
       ))}
     </React.Fragment>