diff --git a/packages/frontend/component/src/ui/scrollbar/index.css.ts b/packages/frontend/component/src/ui/scrollbar/index.css.ts
index dcfb329834..e634a8d5c0 100644
--- a/packages/frontend/component/src/ui/scrollbar/index.css.ts
+++ b/packages/frontend/component/src/ui/scrollbar/index.css.ts
@@ -53,6 +53,11 @@ export const scrollbar = style({
     },
   },
 });
+
+export const mobileScrollbar = style({
+  display: 'none',
+});
+
 export const TableScrollbar = style({
   marginTop: '60px',
   height: 'calc(100% - 120px)',
diff --git a/packages/frontend/component/src/ui/scrollbar/scrollable.tsx b/packages/frontend/component/src/ui/scrollbar/scrollable.tsx
index 93287ccd88..ddd21a1c99 100644
--- a/packages/frontend/component/src/ui/scrollbar/scrollable.tsx
+++ b/packages/frontend/component/src/ui/scrollbar/scrollable.tsx
@@ -48,7 +48,10 @@ export const ScrollableScrollbar = forwardRef<
       orientation="vertical"
       {...props}
       ref={ref}
-      className={clsx(className, styles.scrollbar)}
+      className={clsx(
+        className,
+        BUILD_CONFIG.isMobileEdition ? styles.mobileScrollbar : styles.scrollbar
+      )}
     >
       <ScrollArea.Thumb className={styles.scrollbarThumb} />
       {children}