diff --git a/tauri-app/src/lib/components/Sidebar.svelte b/tauri-app/src/lib/components/Sidebar.svelte
index f4ec4e335..34d0e7760 100644
--- a/tauri-app/src/lib/components/Sidebar.svelte
+++ b/tauri-app/src/lib/components/Sidebar.svelte
@@ -10,7 +10,7 @@
   import ReceiptSolid from 'flowbite-svelte-icons/ReceiptSolid.svelte';
   import GearSolid from 'flowbite-svelte-icons/GearSolid.svelte';
   import FileLinesSolid from 'flowbite-svelte-icons/FileLinesSolid.svelte';
-  import { IconExternalLink, IconTelegram } from '@rainlanguage/ui-components';
+  import { IconExternalLink, IconTelegram, logoDark, logoLight } from '@rainlanguage/ui-components';
   import { page } from '$app/stores';
   import ButtonDarkMode from '../../../../packages/ui-components/src/lib/components/ButtonDarkMode.svelte';
   import { PlusSolid } from 'flowbite-svelte-icons';
@@ -28,30 +28,15 @@
 <Sidebar activeUrl={$page.url.pathname} asideClass="w-64 fixed z-10">
   <SidebarWrapper divClass="overflow-y-auto py-11 px-3 bg-gray-100 dark:bg-gray-800 min-h-screen">
     <SidebarGroup ulClass="">
-      <div class="block dark:hidden">
-        <SidebarBrand
-          site={{
-            name: '',
-            href: '/',
-            img: '/logo-light.svg',
-          }}
-          imgClass="w-2/3 m-auto"
-          aClass="w-full flex items-center justify-start gap-x-3 mb-5"
-          spanClass="hidden"
-        ></SidebarBrand>
-      </div>
-      <div class="hidden dark:block">
-        <SidebarBrand
-          site={{
-            name: '',
-            href: '/',
-            img: '/logo-dark.svg',
-          }}
-          imgClass="w-2/3 m-auto"
-          aClass="w-full flex items-center justify-start gap-x-3 mb-5"
-          spanClass="hidden"
-        ></SidebarBrand>
-      </div>
+      <SidebarBrand
+        site={{
+          name: '',
+          href: '/',
+          img: $colorTheme === 'light' ? logoLight : logoDark,
+        }}
+        imgClass="m-auto px-4"
+        aClass="mb-0"
+      ></SidebarBrand>
     </SidebarGroup>
     <SidebarGroup border>
       <SidebarItem label="New Order" href={'/orders/add'}>
diff --git a/tauri-app/src/routes/+page.svelte b/tauri-app/src/routes/+page.svelte
index 48713add4..7446e5f98 100644
--- a/tauri-app/src/routes/+page.svelte
+++ b/tauri-app/src/routes/+page.svelte
@@ -1,15 +1,11 @@
 <script lang="ts">
-  import { IconTelegram } from '@rainlanguage/ui-components';
+  import { IconTelegram, logoDark, logoLight } from '@rainlanguage/ui-components';
   import { Button } from 'flowbite-svelte';
   import { colorTheme } from '$lib/stores/darkMode';
 </script>
 
 <div class="mx-auto flex max-w-prose flex-col items-center gap-y-8 pt-12">
-  <img
-    alt="Raindex logo"
-    class="w-[400px]"
-    src={$colorTheme === 'dark' ? '/logo-dark.svg' : '/logo-light.svg'}
-  />
+  <img alt="Raindex logo" class="w-[400px]" src={$colorTheme === 'dark' ? logoDark : logoLight} />
   <div class="mt-4 text-center text-2xl">
     Raindex allows anyone to write, deploy and manage token trading strategies, written in Rainlang,
     on any EVM network.