diff --git a/web/src/lib/components/shared-components/side-bar/side-bar-link.svelte b/web/src/lib/components/shared-components/side-bar/side-bar-link.svelte
index 4da73b6288408..c6e430fe99c14 100644
--- a/web/src/lib/components/shared-components/side-bar/side-bar-link.svelte
+++ b/web/src/lib/components/shared-components/side-bar/side-bar-link.svelte
@@ -36,7 +36,7 @@
   });
 </script>
 
-<span class="relative">
+<div class="relative">
   {#if hasDropdown}
     <span class="hidden md:block absolute left-1 z-50 h-full">
       <button
@@ -73,7 +73,8 @@
     </div>
     <div></div>
   </a>
-</span>
+</div>
+
 {#if hasDropdown && dropdownOpen}
   {@render hasDropdown?.()}
 {/if}