diff --git a/app/assets/javascripts/discourse/app/components/sidebar/toggle-all-sections.gjs b/app/assets/javascripts/discourse/app/components/sidebar/toggle-all-sections.gjs index b83c0092071..db048efcd19 100644 --- a/app/assets/javascripts/discourse/app/components/sidebar/toggle-all-sections.gjs +++ b/app/assets/javascripts/discourse/app/components/sidebar/toggle-all-sections.gjs @@ -23,9 +23,7 @@ export default class ToggleAllSections extends Component { } get icon() { - return this.allSectionsExpanded - ? "discourse-chevron-collapse" - : "discourse-chevron-expand"; + return this.allSectionsExpanded ? "angle-double-up" : "angle-double-down"; } @action diff --git a/app/assets/stylesheets/common/base/sidebar.scss b/app/assets/stylesheets/common/base/sidebar.scss index 91be91c2d11..45dbd49c5aa 100644 --- a/app/assets/stylesheets/common/base/sidebar.scss +++ b/app/assets/stylesheets/common/base/sidebar.scss @@ -363,6 +363,7 @@ .sidebar-admin-header__row { display: flex; justify-content: space-between; + align-items: baseline; margin: 0 var(--d-sidebar-row-horizontal-padding) 0 var(--d-sidebar-row-horizontal-padding); color: var(--d-sidebar-link-color); @@ -376,5 +377,6 @@ color: var(--d-sidebar-link-color); svg { width: 0.75em; + height: 0.85em; } }