diff --git a/src/components/accordion-item/accordion-item.tsx b/src/components/accordion-item/accordion-item.tsx
index 2667e006b54ff4611e522c406c03db3e71364e79..e8ccf5c0d3f0c8154466bec6b4665a919635a916 100644
--- a/src/components/accordion-item/accordion-item.tsx
+++ b/src/components/accordion-item/accordion-item.tsx
@@ -156,6 +156,9 @@ export class AccordionItem {
         target.setAttribute('aria-expanded', 'true');
         targetParent.classList.add('hy-accordion__item__is-open');
 
+        const targetElementRect = target.getBoundingClientRect();
+        window.scrollTo({top: window.scrollY + targetElementRect.top - 200, behavior: 'smooth'});
+
         const containerId = targetParent.parentElement.parentElement.id;
         if (containerId.length > 0) {
           let accordion = document.querySelectorAll(`#${containerId}`)[0];