diff --git a/src/components/connection/connection-table.tsx b/src/components/connection/connection-table.tsx
index fd8eb4652..7309e2fac 100644
--- a/src/components/connection/connection-table.tsx
+++ b/src/components/connection/connection-table.tsx
@@ -478,6 +478,8 @@ export const ConnectionTable = (props: Props) => {
             flex: 1,
             minHeight: 0,
             overflow: "auto",
+            WebkitOverflowScrolling: "touch",
+            overscrollBehavior: "contain",
             borderRadius: 1,
             border: "none",
             "&::-webkit-scrollbar": {
diff --git a/src/pages/connections.tsx b/src/pages/connections.tsx
index 614a5e239..8dcbe84e1 100644
--- a/src/pages/connections.tsx
+++ b/src/pages/connections.tsx
@@ -129,8 +129,9 @@ const ConnectionsPage = () => {
         height: "100%",
         display: "flex",
         flexDirection: "column",
-        overflow: "auto",
+        overflow: "hidden",
         borderRadius: "8px",
+        minHeight: 0,
       }}
       header={
         <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
@@ -243,6 +244,8 @@ const ConnectionsPage = () => {
           style={{
             flex: 1,
             borderRadius: "8px",
+            WebkitOverflowScrolling: "touch",
+            overscrollBehavior: "contain",
           }}
           data={filterConn}
           itemContent={(_, item) => (