diff --git a/chrome/content/zotero/xpcom/uiProperties.js b/chrome/content/zotero/xpcom/uiProperties.js index 285fbd3ea6..b909c0dc16 100644 --- a/chrome/content/zotero/xpcom/uiProperties.js +++ b/chrome/content/zotero/xpcom/uiProperties.js @@ -54,7 +54,9 @@ Zotero.UIProperties = new class { _setFontSize(root) { let size = Zotero.Prefs.get('fontSize'); - root.style.fontSize = root.style['--zotero-font-size'] = size + 'em'; + let sizeCSS = size + 'rem'; + root.style.fontSize = sizeCSS; + root.style.setProperty('--zotero-font-size', sizeCSS); if (size <= 1) { size = 'small'; } diff --git a/scss/base/_base.scss b/scss/base/_base.scss index 950e779e49..c7c881c5f8 100644 --- a/scss/base/_base.scss +++ b/scss/base/_base.scss @@ -6,6 +6,7 @@ font-family: system-ui, -apple-system, sans-serif; font-size: 13px; font-style: normal; + line-height: 1.3333333333; @media (-moz-platform: windows) { --color-accent: var(--accent-blue); @include light-dark(--color-focus-border, #000, #fff); diff --git a/scss/elements/_librariesCollectionsBox.scss b/scss/elements/_librariesCollectionsBox.scss index 3062189973..bdd52be054 100644 --- a/scss/elements/_librariesCollectionsBox.scss +++ b/scss/elements/_librariesCollectionsBox.scss @@ -39,7 +39,6 @@ libraries-collections-box { .icon { width: 16px; - height: 16px; } }