diff --git a/src/lib/SidebarComponent.svelte b/src/lib/SidebarComponent.svelte
index 43fee1b..9746d0b 100644
--- a/src/lib/SidebarComponent.svelte
+++ b/src/lib/SidebarComponent.svelte
@@ -6,7 +6,7 @@
 </script>
 
 <a
-	class="flex items-center px-4 py-2 rounded-md"
+	class="flex items-center px-4 py-2 mt-5 transition-colors duration-200 transform rounded-md hover:bg-gray-200 dark:hover:bg-gray-700 dark:hover:text-gray-200 hover:text-gray-700"
 	class:dark:bg-gray-700={currentPage == pageUrl}
 	class:bg-gray-200={currentPage == pageUrl}
 	class:dark:text-gray-200={currentPage == pageUrl}