diff --git a/src/svelte-interface/pages/settings.svelte b/src/svelte-interface/pages/settings.svelte
index b2dbec4a..099d2f7c 100644
--- a/src/svelte-interface/pages/settings.svelte
+++ b/src/svelte-interface/pages/settings.svelte
@@ -9,11 +9,7 @@
   const openChangelog = () => {
     browser.runtime.sendMessage({ type: 'currentTab', info: 'OpenChangelog' });
   };
-
-  
-  import logo from '../../resources/icons/betterseqta-dark-full.png';
-  import logoDark from '../../resources/icons/betterseqta-light-full.png';
-  
+    
   let standalone = false;
 
   // Define the tabs array
@@ -26,8 +22,8 @@
 
 <div class="relative flex flex-col w-[384px] shadow-2xl gap-2 bg-white {standalone ? '' : 'rounded-xl'} h-[100vh] overflow-clip dark:bg-zinc-800 dark:text-white">
   <div class="grid border-b border-b-zinc-200/40 place-items-center">
-    <img src={logo} class="w-4/5 dark:hidden" alt="Light logo" />
-    <img src={logoDark} class="hidden w-4/5 dark:block" alt="Dark logo" />
+    <img src={browser.runtime.getURL('resources/icons/betterseqta-dark-full.png')} class="w-4/5 dark:hidden" alt="Light logo" />
+    <img src={browser.runtime.getURL('resources/icons/betterseqta-light-full.png')} class="hidden w-4/5 dark:block" alt="Dark logo" />
     <button on:click={openChangelog} class="absolute w-8 h-8 text-lg rounded-xl font-IconFamily top-1 right-1 bg-zinc-100 dark:bg-zinc-700"></button>
   </div>
   <!-- <Picker /> -->