diff --git a/src/javascript/app/pages/trade/purchase/purchase.jsx b/src/javascript/app/pages/trade/purchase/purchase.jsx
index a1580910ea2..47714232133 100644
--- a/src/javascript/app/pages/trade/purchase/purchase.jsx
+++ b/src/javascript/app/pages/trade/purchase/purchase.jsx
@@ -104,8 +104,7 @@ const Purchase = () => {
     const observer = new IntersectionObserver((entries) => {
         const targetElement = responsivePurchaser.current;
         entries.forEach(entry => {
-
-            if (entry.isIntersecting) {
+            if (entry.boundingClientRect.top < window.innerHeight || entry.isIntersecting) {
                 targetElement?.classList?.add('hide');
             } else {
                 targetElement?.classList?.remove('hide');