diff --git a/assets/css/app.css b/assets/css/app.css
index 7f3d3d336..58f3db9b3 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -460,6 +460,11 @@ html:has(.modal.show) {
 	overflow-y: hidden;
 }
 
+/* Safari renders non-overlay scrollbars above modal backdrops at compositor level */
+body.modal-open .forecast-chart-scroll::-webkit-scrollbar {
+	opacity: 0;
+}
+
 .cursor-pointer {
 	cursor: pointer;
 }