diff --git a/src/components/compose.css b/src/components/compose.css
index 81ac8c51..b4062d68 100644
--- a/src/components/compose.css
+++ b/src/components/compose.css
@@ -288,6 +288,7 @@
   );
   /* diagonal stripes of yellow */
   background-image: var(--yellow-stripes);
+  background-attachment: fixed;
 }
 
 #compose-container .media-attachments {
diff --git a/src/components/status.css b/src/components/status.css
index b4837685..596b56fa 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -32,6 +32,7 @@
   );
   /* diagonal stripes of yellow */
   background-image: var(--yellow-stripes);
+  background-attachment: fixed;
 }
 
 /* STATUS PRE META */
@@ -85,6 +86,7 @@
 }
 .status.large.visibility-direct {
   background-image: var(--fade-in-out-bg), var(--yellow-stripes);
+  background-attachment: local, fixed;
 }
 
 @keyframes skeleton-breathe {