From 146fd29fc4156aa84b50a78058417f6607fbbbff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Vitor=20Ferreira?= <jvferreira.20@gmail.com>
Date: Sun, 6 Apr 2025 18:05:05 -0300
Subject: [PATCH] [#3434] Remove left padding on overlay close button

Adjusted the CSS to remove the extra left padding on the close button.
This ensures that the active box is centered around the 'X' when clicked.

- Removed left padding value from the padding property
- Verified alignment in both desktop and responsive view
---
 client/styles/components/_overlay.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/styles/components/_overlay.scss b/client/styles/components/_overlay.scss
index 148839352d..8cacda4b4f 100644
--- a/client/styles/components/_overlay.scss
+++ b/client/styles/components/_overlay.scss
@@ -61,7 +61,7 @@
 
 .overlay__close-button {
   @include icon();
-  padding: #{math.div(3, $base-font-size)}rem 0 #{math.div(3, $base-font-size)}rem #{math.div(10, $base-font-size)}rem;
+  padding: #{math.div(3, $base-font-size)}rem 0 #{math.div(3, $base-font-size)}rem;
 }
 
 /* Fixed height overlay */