diff --git a/packages/core/client/src/global.less b/packages/core/client/src/global.less
index 4b93bb91a7..0a7b20ed1e 100644
--- a/packages/core/client/src/global.less
+++ b/packages/core/client/src/global.less
@@ -1,5 +1,3 @@
-// the custom style for desktop
-@media (min-width: 768px) {
   /* width */
   ::-webkit-scrollbar {
     width: 8px;
@@ -35,12 +33,3 @@
   .rc-virtual-list-scrollbar-thumb:active {
     background: var(--colorBgScrollBarActive) !important;
   }
-}
-
-// the custom style for mobile
-@media (max-width: 767px) {
-  // ensure smooth scrolling on iOS devices
-  .smooth-scroll {
-    -webkit-overflow-scrolling: touch;
-  }
-}
diff --git a/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/styles.ts b/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/styles.ts
index 082f7de2a5..409b42d894 100644
--- a/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/styles.ts
+++ b/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/styles.ts
@@ -12,7 +12,13 @@ import { createStyles } from '@nocobase/client';
 export const useStyles = createStyles(({ token, css }) => {
   return {
     nbMobile: css`
+      -webkit-overflow-scrolling: touch;
       display: initial;
+
+      & ::-webkit-scrollbar {
+        display: none;
+      }
+
       .ant-table-thead button[aria-label*='schema-initializer-TableV2-table:configureColumns'] > span:last-child {
         display: none !important;
       }