diff --git a/src/renderer/App.tsx b/src/renderer/App.tsx
index 6e99421..6ef9a5a 100644
--- a/src/renderer/App.tsx
+++ b/src/renderer/App.tsx
@@ -2,6 +2,7 @@
 import './App.css';
 import React, { useState,useEffect } from 'react';
 import gemini from './models/gemini';
+import logo from './assets/logo.png';
 
 declare global {
   interface Window {
@@ -48,7 +49,7 @@ function App() {
     <div className="App">
       <header className="App-header">
         {/* <!-- if no screenshot result, show the logo --> */}
-        {!screenShotResult && <img src="./public/logo.png" className="App-logo" alt="logo" />}
+        {!screenShotResult && <img src={logo} className="App-logo" alt="logo" />}
         <p className="mb-2">
           Press <code>{shortcut}</code> to make a screenshot.
         </p>
diff --git a/public/logo.png b/src/renderer/assets/logo.png
similarity index 100%
rename from public/logo.png
rename to src/renderer/assets/logo.png
diff --git a/tsconfig.json b/tsconfig.json
index 8de9571..31a8b10 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,6 +6,7 @@
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
     "noImplicitAny": true,
     "sourceMap": true,
     "baseUrl": ".",