diff --git a/changelog/fix-woopmnt-5217-linear-gradient-overlay-does-not-disappear-on-resize b/changelog/fix-woopmnt-5217-linear-gradient-overlay-does-not-disappear-on-resize
new file mode 100644
index 00000000000..c71a673e408
--- /dev/null
+++ b/changelog/fix-woopmnt-5217-linear-gradient-overlay-does-not-disappear-on-resize
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix: Linear gradient overlay on tables does not disappear on resize
diff --git a/client/style.scss b/client/style.scss
index ccbcc9ce04f..29a4134f973 100644
--- a/client/style.scss
+++ b/client/style.scss
@@ -171,3 +171,24 @@ img {
 		}
 	}
 }
+
+/**
+ * Fix for linear gradient overlay that doesn't disappear on resize.
+ * The issue is that the `is-scrollable-right` class is not being removed
+ * when the viewport is resized back to a larger size.
+ */
+.woocommerce-payments-page {
+	// Force hide the gradient overlay on larger viewports where tables shouldn't be scrollable
+	@media screen and ( min-width: 960px ) {
+		.woocommerce-table__table.is-scrollable-right::after {
+			opacity: 0;
+		}
+	}
+
+	// Additional breakpoint for very large screens
+	@media screen and ( min-width: 1200px ) {
+		.woocommerce-table__table.is-scrollable-right::after {
+			opacity: 0;
+		}
+	}
+}