diff --git a/src/components/hy-hero/hy-hero.tsx b/src/components/hy-hero/hy-hero.tsx
index 3969d470987b65ea74decc2ae4482c59f8261a64..1018e239b836ddbc7b41b45008c2e842dfdb95c5 100644
--- a/src/components/hy-hero/hy-hero.tsx
+++ b/src/components/hy-hero/hy-hero.tsx
@@ -42,8 +42,14 @@ export class HyHero {
       if (!contentWrapper) return;
 
       if (document.body.scrollWidth >= 1441) {
-        const marginLeft = parseInt(window.getComputedStyle(contentWrapper).getPropertyValue('margin-left')) + 32;
-        contentDiv.style.left = marginLeft !== 32 ? `${marginLeft}px` : '32px';
+        const marginLeft = parseInt(window.getComputedStyle(contentWrapper).getPropertyValue('margin-left'));
+        if (marginLeft > 32) {
+          contentDiv.style.left = `${marginLeft}px`;
+        } else if (marginLeft > 0) {
+          contentDiv.style.left = '32px';
+        } else if (marginLeft == 0) {
+          contentDiv.style.left = '0px';
+        }
       } else {
         contentDiv.style.left = window.getComputedStyle(contentWrapper).getPropertyValue('padding-left');
       }