diff --git a/src/ui/web/css/left-panel.css b/src/ui/web/css/left-panel.css
index b3a16457..cb3eeca2 100644
--- a/src/ui/web/css/left-panel.css
+++ b/src/ui/web/css/left-panel.css
@@ -3,6 +3,7 @@
     background: #333;
     color: white;
     overflow-y: auto;
+    overscroll-behavior: contain;
 }
 
 .LeftPanel ul {
diff --git a/src/ui/web/css/main.css b/src/ui/web/css/main.css
index e15d5911..a6733557 100644
--- a/src/ui/web/css/main.css
+++ b/src/ui/web/css/main.css
@@ -12,6 +12,8 @@
                 "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     background-color: black;
     color: white;
+    /* make sure to disable rubber-banding and pull to refresh in a PWA if we'd end up having a scrollbar */
+    overscroll-behavior: none;
 }
 
 .hiddenWithLayout {
diff --git a/src/ui/web/css/timeline.css b/src/ui/web/css/timeline.css
index 1a84f8c9..2a96ff07 100644
--- a/src/ui/web/css/timeline.css
+++ b/src/ui/web/css/timeline.css
@@ -1,6 +1,7 @@
 
 .TimelinePanel ul {
     overflow-y: auto;
+    overscroll-behavior: contain;
     list-style: none;
     padding: 0;
     margin: 0;