From 4380ecf7bbd16d8424e1ae004357fa03d09ca7b8 Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Thu, 5 Dec 2024 14:10:08 -0600
Subject: [PATCH] fix(web): misaligned icon on Firefox (#14500)

---
 .../shared-components/side-bar/side-bar-link.svelte          | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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 4da73b6288..c6e430fe99 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}