diff --git a/app/webpacker/controllers/products_controller.js b/app/webpacker/controllers/products_controller.js
index 1fc48d5f3a..c8a1dc6963 100644
--- a/app/webpacker/controllers/products_controller.js
+++ b/app/webpacker/controllers/products_controller.js
@@ -11,6 +11,7 @@ export default class extends ApplicationController {
 
   beforeReflex() {
     this.showLoading();
+    this.scrollToElement();
   }
 
   afterReflex() {
@@ -29,6 +30,10 @@ export default class extends ApplicationController {
     }
   };
 
+  scrollToElement = () => {
+    this.element.scrollIntoView();
+  };
+
   getLoadingController = () => {
     return (this.loadingController ||= this.application.getControllerForElementAndIdentifier(
       this.loadingTarget,