diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue
index 7db8670f..914c3b25 100644
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -43,7 +43,7 @@ function handleNavScroll(evt: Event) {
   <Component
     :is="props.tag"
     ref="refNav"
-    class="layout-vertical-nav"
+    class="layout-vertical-nav touch-none"
     :class="[
       {
         'visible': isOverlayNavActive,
@@ -83,8 +83,8 @@ function handleNavScroll(evt: Event) {
 </template>
 
 <style lang="scss">
-@use '@configured-variables' as variables;
-@use '@layouts/styles/mixins';
+@use "@configured-variables" as variables;
+@use "@layouts/styles/mixins";
 
 // 👉 Vertical Nav
 .layout-vertical-nav {
diff --git a/src/@layouts/components/VerticalNavLayout.vue b/src/@layouts/components/VerticalNavLayout.vue
index b6f32042..6b527d39 100644
--- a/src/@layouts/components/VerticalNavLayout.vue
+++ b/src/@layouts/components/VerticalNavLayout.vue
@@ -63,7 +63,7 @@ export default defineComponent({
 
       // 👉 Overlay
       const layoutOverlay = h('div', {
-        class: ['layout-overlay', { visible: isLayoutOverlayVisible.value }],
+        class: ['layout-overlay', 'touch-none', { visible: isLayoutOverlayVisible.value }],
         onClick: () => {
           isLayoutOverlayVisible.value = !isLayoutOverlayVisible.value
         },
diff --git a/src/layouts/components/DefaultLayoutWithVerticalNav.vue b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
index 767c376d..a83f462e 100644
--- a/src/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
@@ -12,7 +12,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
 </script>
 
 <template>
-  <VerticalNavLayout class="touch-none">
+  <VerticalNavLayout>
     <!-- 👉 Navbar -->
     <template #navbar="{ toggleVerticalOverlayNavActive }">
       <div class="d-flex h-100 align-center mx-1">