diff --git a/assets/js/src/core/components/sidebar/sidebar.styles.ts b/assets/js/src/core/components/sidebar/sidebar.styles.ts index 1520f8acd..ace7145d3 100644 --- a/assets/js/src/core/components/sidebar/sidebar.styles.ts +++ b/assets/js/src/core/components/sidebar/sidebar.styles.ts @@ -52,7 +52,6 @@ export const useStyle = createStyles(({ token, css }) => { padding: ${token.paddingXS}px ${token.paddingXXS}px; justify-content: center; align-items: center; - background: ${token.colorFillQuaternary}; .pimcore-icon { flex-shrink: 0; @@ -65,6 +64,7 @@ export const useStyle = createStyles(({ token, css }) => { } &.active { + background: ${token.colorFillQuaternary}; border-right: 2px solid ${token.colorPrimaryActive}; .pimcore-icon { diff --git a/assets/js/src/core/modules/element/editor/tab-manager/layouts/content-toolbar-sidebar-view.styles.tsx b/assets/js/src/core/modules/element/editor/tab-manager/layouts/content-toolbar-sidebar-view.styles.tsx index 6dd8c0bae..953b4151c 100644 --- a/assets/js/src/core/modules/element/editor/tab-manager/layouts/content-toolbar-sidebar-view.styles.tsx +++ b/assets/js/src/core/modules/element/editor/tab-manager/layouts/content-toolbar-sidebar-view.styles.tsx @@ -33,6 +33,7 @@ export const useStyles = createStyles(({ token, css }) => { } .content-toolbar-sidebar-layout__toolbar { + border-top: 1px solid ${token.colorBorderTertiary}; position: sticky; bottom: 0; height: ${token.sizeXXL}px;