feat(sidenav): change close button style

ithaka · Jan 24, 2025 · d57ed38 · d57ed38
1 parent 723d6eb
commit d57ed38
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/pharos/src/components/sidenav/pharos-sidenav.scss b/packages/pharos/src/components/sidenav/pharos-sidenav.scss
@@ -51,7 +51,7 @@
   opacity: 0;
   position: absolute;
   top: var(--pharos-spacing-one-quarter-x);
-  left: var(--pharos-spacing-one-quarter-x);
+  right: var(--pharos-spacing-one-quarter-x);
 }
 
 :host([has-close-button]) {

diff --git a/packages/pharos/src/components/sidenav/pharos-sidenav.ts b/packages/pharos/src/components/sidenav/pharos-sidenav.ts
@@ -133,7 +133,7 @@ export class PharosSidenav extends ScopedRegistryMixin(FocusMixin(SideElement))
     return this.hasCloseButton
       ? html`<pharos-button
           class="side-element__button"
-          icon="close"
+          icon="chevron-left"
           variant="subtle"
           a11y-label="Close menu"
           is-on-background