diff --git a/resources/assets/js/components/main-wrapper/extra/index.vue b/resources/assets/js/components/main-wrapper/extra/index.vue
index 4a3a2dfd..9223278e 100644
--- a/resources/assets/js/components/main-wrapper/extra/index.vue
+++ b/resources/assets/js/components/main-wrapper/extra/index.vue
@@ -82,6 +82,11 @@
         background: $colorExtraBgr;
         max-height: calc(100vh - #{$headerHeight + $footerHeight});
         overflow: auto;
+
+        // Enable scroll with momentum on touch devices
+        overflow-y: scroll; 
+        -webkit-overflow-scrolling: touch;
+        
         display: none;
         color: $color2ndText;
 
diff --git a/resources/assets/js/components/main-wrapper/main-content/index.vue b/resources/assets/js/components/main-wrapper/main-content/index.vue
index d33fc12d..a549488d 100644
--- a/resources/assets/js/components/main-wrapper/main-content/index.vue
+++ b/resources/assets/js/components/main-wrapper/main-content/index.vue
@@ -102,6 +102,10 @@
             padding: 24px 24px $footerHeight;
             height: calc(100vh - #{$headerHeight + $footerHeight + $mainHeadingHeight + 24px});
             overflow: auto;
+
+            // Enable scroll with momentum on touch devices
+            overflow-y: scroll; 
+            -webkit-overflow-scrolling: touch;
         }
 
         .translucent {
diff --git a/resources/assets/js/components/main-wrapper/sidebar/index.vue b/resources/assets/js/components/main-wrapper/sidebar/index.vue
index 8c162e68..b401dc84 100644
--- a/resources/assets/js/components/main-wrapper/sidebar/index.vue
+++ b/resources/assets/js/components/main-wrapper/sidebar/index.vue
@@ -91,6 +91,10 @@
         max-height: calc(100vh - #{$headerHeight + $footerHeight});
         overflow: auto;
 
+        // Enable scroll with momentum on touch devices
+        overflow-y: scroll; 
+        -webkit-overflow-scrolling: touch;
+
         section {
             margin-bottom: 32px;