diff --git a/src/lib/Icon.svelte b/src/lib/Icon.svelte
index be2104d..630bbd0 100644
--- a/src/lib/Icon.svelte
+++ b/src/lib/Icon.svelte
@@ -8,16 +8,11 @@
 	function handleMouseover() {
 		dispatch('mouseover', info);
 	}
-
-	function handleMouseout() {
-		dispatch('mouseout');
-	}
 </script>
 
 <div 
 	class="p-3 cursor-pointer text-center"
 	on:mouseenter={handleMouseover}
-	on:mouseleave={handleMouseout}
 	>
 		<i class='{icon} fa-xl'></i>
 </div>
diff --git a/src/lib/SideBar.svelte b/src/lib/SideBar.svelte
index 6442e8d..40fac3a 100644
--- a/src/lib/SideBar.svelte
+++ b/src/lib/SideBar.svelte
@@ -22,7 +22,7 @@
 	}
 </script>
 
-<div class="flex flex-row w-14 bg-neutral-700">
+<div class="flex flex-row w-14 bg-neutral-700" on:mouseleave={hideInfo}>
 	<div class="flex flex-col shrink-0 w-14 text-gray-300">
 		{#each icons as i}
 			{#if i}