From e39731313283e6dbcb7c75ca53620dafb9dc785e Mon Sep 17 00:00:00 2001
From: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
Date: Sat, 14 Mar 2026 16:21:38 +0700
Subject: [PATCH] fix(client): reduce gap between action row and breadcrumbs
 (#66317)

---
 client/src/components/layouts/variables.css         |  2 +-
 client/src/templates/Challenges/classic/classic.css |  2 +-
 client/src/templates/Challenges/generic/show.tsx    | 10 +++-------
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/client/src/components/layouts/variables.css b/client/src/components/layouts/variables.css
index d083c9637a2..369fd0781f6 100644
--- a/client/src/components/layouts/variables.css
+++ b/client/src/components/layouts/variables.css
@@ -37,7 +37,7 @@
   --header-sub-element-size: 45px;
   --header-height: 38px;
   --breadcrumbs-height: 44px;
-  --action-row-height: 64px;
+  --action-row-height: 54px;
   --z-index-breadcrumbs: 100;
   --z-index-flash: 150;
   --z-index-site-header: 200;
diff --git a/client/src/templates/Challenges/classic/classic.css b/client/src/templates/Challenges/classic/classic.css
index fee9dd28701..b6a7834e4b7 100644
--- a/client/src/templates/Challenges/classic/classic.css
+++ b/client/src/templates/Challenges/classic/classic.css
@@ -24,7 +24,7 @@
   left: 0;
   right: 0;
   z-index: 100;
-  padding: 10px;
+  padding: 0 10px 10px;
   border-bottom: 1px solid var(--quaternary-background);
   background-color: var(--secondary-background);
 }
diff --git a/client/src/templates/Challenges/generic/show.tsx b/client/src/templates/Challenges/generic/show.tsx
index 88cb77ba8b3..6369d0c2271 100644
--- a/client/src/templates/Challenges/generic/show.tsx
+++ b/client/src/templates/Challenges/generic/show.tsx
@@ -85,13 +85,9 @@ function renderNodule(
     case 'interactiveEditor':
       if (showInteractiveEditor) {
         return (
-          <>
-            <Spacer size='s' />
-            <Col xs={12} md={12} lg={10} lgOffset={1}>
-              <InteractiveEditor files={nodule.files} />
-            </Col>
-            <Spacer size='s' />
-          </>
+          <Col xs={12} md={12} lg={10} lgOffset={1}>
+            <InteractiveEditor files={nodule.files} />
+          </Col>
         );
       } else {
         const { files } = nodule;