From 709ce299a4782e656b63345a258641e211bf68dd Mon Sep 17 00:00:00 2001 From: amhsirak Date: Thu, 1 Oct 2026 19:56:09 +0530 Subject: [PATCH 1/3] fix: reduce top margin for CustomBoxContainer --- src/components/action/ActionDescriptionBox.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/action/ActionDescriptionBox.tsx b/src/components/action/ActionDescriptionBox.tsx index fb3a87d9..0ea947b2 100644 --- a/src/components/action/ActionDescriptionBox.tsx +++ b/src/components/action/ActionDescriptionBox.tsx @@ -18,7 +18,7 @@ const CustomBoxContainer = styled.div` border-radius: 5px; background-color: ${({ isDarkMode }) => (isDarkMode ? '#1d1c1cff' : 'white')}; color: ${({ isDarkMode }) => (isDarkMode ? 'white' : 'black')}; - margin: 80px 13px 25px 13px; + margin: 60px 13px 25px 13px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); `; From 36cad2a2ca6bc21eca1555261cf2adbd27ce689c Mon Sep 17 00:00:00 2001 From: amhsirak Date: Thu, 1 Oct 2026 19:56:22 +0530 Subject: [PATCH 2/3] fix: reduce top space for Triangle --- src/components/action/ActionDescriptionBox.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/action/ActionDescriptionBox.tsx b/src/components/action/ActionDescriptionBox.tsx index 0ea947b2..1c6e1e89 100644 --- a/src/components/action/ActionDescriptionBox.tsx +++ b/src/components/action/ActionDescriptionBox.tsx @@ -24,7 +24,7 @@ const CustomBoxContainer = styled.div` const Triangle = styled.div` position: absolute; - top: -15px; + top: -10px; left: 50%; transform: translateX(-50%); width: 0; From f6e0377c028059c2f3a816ae136acb90fea61b04 Mon Sep 17 00:00:00 2001 From: amhsirak Date: Thu, 1 Oct 2026 19:59:04 +0530 Subject: [PATCH 3/3] fix: align logo w custom box container --- src/components/action/ActionDescriptionBox.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/action/ActionDescriptionBox.tsx b/src/components/action/ActionDescriptionBox.tsx index 1c6e1e89..1798502d 100644 --- a/src/components/action/ActionDescriptionBox.tsx +++ b/src/components/action/ActionDescriptionBox.tsx @@ -36,7 +36,7 @@ const Triangle = styled.div` const Logo = styled.img` position: absolute; - top: -80px; + top: -70px; left: 50%; transform: translateX(-50%); width: 70px;