diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.cljs index b3739681f..5327e45c1 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.cljs +++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.cljs @@ -522,7 +522,8 @@ (when open? [:div {:class (stl/css :element-content)} [:div {:class (stl/css-case :component-wrapper true - :with-actions show-menu?)} + :with-actions show-menu? + :without-actions (not show-menu?))} [:button {:class (stl/css-case :component-name-wrapper true :with-main (and can-swap? (not multi)) :swappeable (and can-swap? (not swap-opened?))) diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss index 028e98536..3661454e3 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss @@ -51,6 +51,15 @@ grid-template-columns: 1fr $s-28; gap: $s-2; } + + &.without-actions { + padding-right: 0.5rem; + .component-name-wrapper { + width: 100%; + + border-radius: $br-8; + } + } } .component-name-wrapper {