From 030005860573eda664398c426512a22863f586d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Albeza?= <belen.albeza@kaleidos.net>
Date: Fri, 15 May 2026 13:41:38 +0200
Subject: [PATCH] :bug: Fix delete page icon being clipped (#9685)

---
 .../main/ui/workspace/sidebar/sitemap.cljs    |  3 ++-
 .../main/ui/workspace/sidebar/sitemap.scss    | 21 ++++---------------
 2 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs b/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs
index 5d3a1b95dd..88d9332ef1 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs
@@ -220,10 +220,11 @@
                name]
               [:div {:class (stl/css :page-actions)}
                (when (and deletable? (not read-only?))
-                 [:> icon-button* {:variant "ghost"
+                 [:> icon-button* {:variant "action"
                                    :aria-label (tr "modals.delete-page.title")
                                    :on-click on-delete
                                    :icon-size "s"
+                                   :icon-class (stl/css :page-delete-button-icon)
                                    :icon i/delete}])]])])]])))
 
 ;; --- Page Item Wrapper
diff --git a/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss b/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss
index 72f028d09c..b642d89450 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss
@@ -55,6 +55,10 @@
   margin-bottom: deprecated.$s-12;
 }
 
+.page-delete-button-icon {
+  color: transparent;
+}
+
 .page-element {
   @include deprecated.body-small-typography;
 
@@ -102,23 +106,6 @@
       height: deprecated.$s-32;
       display: flex;
       align-items: center;
-
-      button {
-        @include deprecated.button-style;
-        @include deprecated.flex-center;
-
-        width: deprecated.$s-24;
-        height: 100%;
-        opacity: deprecated.$op-0;
-
-        svg {
-          @extend %button-icon-small;
-
-          color: transparent;
-          fill: none;
-          stroke: var(--icon-foreground);
-        }
-      }
     }
 
     .element-name {