diff --git a/documentation/src/main.css b/documentation/src/main.css index 72158d81c7..3d61b8adf7 100644 --- a/documentation/src/main.css +++ b/documentation/src/main.css @@ -16,4 +16,5 @@ body { height: 100%; overflow: hidden; margin: 0; + -webkit-font-smoothing: antialiased; } diff --git a/packages/sidenav/src/sidenav-item.css b/packages/sidenav/src/sidenav-item.css index 543c688844..e6e8971f41 100644 --- a/packages/sidenav/src/sidenav-item.css +++ b/packages/sidenav/src/sidenav-item.css @@ -12,6 +12,10 @@ governing permissions and limitations under the License. @import './spectrum-sidenav-item.css'; +:host { + display: block; +} + :host([multiLevel]) { --spectrum-web-component-sidenav-font-weight: var( --spectrum-sidenav-item-font-weight, diff --git a/packages/sidenav/src/sidenav.css b/packages/sidenav/src/sidenav.css index 387ec87a13..397a685ed1 100644 --- a/packages/sidenav/src/sidenav.css +++ b/packages/sidenav/src/sidenav.css @@ -16,13 +16,13 @@ governing permissions and limitations under the License. --spectrum-web-component-sidenav-font-weight: var( --spectrum-sidenav-item-font-weight, - 400 + var(--spectrum-global-font-weight-regular) ); } :host([variant='multilevel']) { --spectrum-web-component-sidenav-font-weight: var( --spectrum-sidenav-multilevel-main-item-font-weight, - 700 + var(--spectrum-global-font-weight-bold) ); }