diff --git a/packages/ui-default/components/messagepad/MessagePadDialogueListContainer.jsx b/packages/ui-default/components/messagepad/MessagePadDialogueListContainer.jsx
index 4ecc206a9..b42bfda62 100644
--- a/packages/ui-default/components/messagepad/MessagePadDialogueListContainer.jsx
+++ b/packages/ui-default/components/messagepad/MessagePadDialogueListContainer.jsx
@@ -1,4 +1,3 @@
-import $ from 'jquery';
 import _ from 'lodash';
 import React from 'react';
 import { connect } from 'react-redux';
@@ -29,7 +28,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class MessagePadDial
       'desc',
     );
     return (
-      <ol className="messagepad__list" ref={(ref) => $(ref).scrollLock({ strict: true })}>
+      <ol className="messagepad__list" style={{ overscrollBehavior: 'contain' }}>
         {_.map(orderedDialogues, (dialogue) => (
           <ListItem
             key={dialogue._id}
diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index 7fea7b38e..2492c6fb4 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.58.0-beta.19",
+  "version": "4.58.0-beta.20",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "index.ts",