diff --git a/src/layouts/default/components/DefaultLayout.vue b/src/layouts/default/components/DefaultLayout.vue
index 30c6c7ce..226d370d 100644
--- a/src/layouts/default/components/DefaultLayout.vue
+++ b/src/layouts/default/components/DefaultLayout.vue
@@ -540,6 +540,9 @@ onMounted(async () => {
           :model-value="openHorizontalNavGroup === group.title"
           location="bottom start"
           offset="8"
+          open-on-hover
+          :open-delay="0"
+          :close-delay="120"
           :close-on-content-click="false"
           @update:model-value="openHorizontalNavGroup = $event ? group.title : null"
         >
@@ -569,7 +572,11 @@ onMounted(async () => {
                 :close-on-content-click="true"
               >
                 <template #activator="{ props: subMenuProps }">
-                  <VListItem v-bind="subMenuProps" :active="isHorizontalNavActive(item)">
+                  <VListItem
+                    v-bind="subMenuProps"
+                    :active="isHorizontalNavActive(item)"
+                    class="theme-horizontal-nav__submenu-activator"
+                  >
                     <template #prepend>
                       <VIcon :icon="String(item.icon || '')" />
                     </template>
@@ -829,6 +836,10 @@ onMounted(async () => {
   border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
 }
 
+.theme-horizontal-nav__submenu-activator {
+  cursor: pointer;
+}
+
 .theme-horizontal-nav__actions {
   display: flex;
   flex: 0 0 auto;