diff --git a/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte b/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
index ac7c30d2cc..5c93a2c716 100644
--- a/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
+++ b/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
@@ -45,6 +45,10 @@
   });
 
   const { Cast } = $derived(getGlobalActions($t));
+
+  const preventLogoDrag = (node: HTMLElement) => {
+    node.querySelector('img')?.setAttribute('draggable', 'false');
+  };
 </script>
 
 <svelte:window bind:innerWidth />
@@ -76,7 +80,13 @@
         }}
         class="sidebar:hidden"
       />
-      <a data-sveltekit-preload-data="hover" href={Route.photos()}>
+      <a
+        data-sveltekit-preload-data="hover"
+        href={Route.photos()}
+        draggable="false"
+        class="logo-link"
+        use:preventLogoDrag
+      >
         <Logo variant={mediaQueryManager.isFullSidebar ? 'inline' : 'icon'} class="max-md:h-12" />
       </a>
     </div>
@@ -185,3 +195,13 @@
     </div>
   </div>
 </nav>
+
+<style>
+  .logo-link,
+  .logo-link :global(img) {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+</style>