From 6cc544394f47826355aa8fa7079756f75afbec56 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Thu, 19 Oct 2023 16:17:42 +0330
Subject: [PATCH] fix: remove hero component's extra padding on desktop; refs
 #203

---
 src/components/Hero/Hero.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Hero/Hero.tsx b/src/components/Hero/Hero.tsx
index 6745371..21c720f 100644
--- a/src/components/Hero/Hero.tsx
+++ b/src/components/Hero/Hero.tsx
@@ -87,9 +87,14 @@ const Description = styled(Typography)`
 const Border = styled.div`
   line-height: 0;
   height: 0;
-  width: calc(100% - 2 * var(--main-content-padding));
+  width: 100%;
   position: absolute;
+  left: 0px;
   bottom: 0;
-  left: var(--main-content-padding);
   border-bottom: 1px solid rgb(var(--lsd-border-primary));
+
+  @media (max-width: ${uiConfigs.maxContainerWidth}px) {
+    width: calc(100% - 2 * var(--main-content-padding));
+    left: var(--main-content-padding);
+  }
 `