diff --git a/chrome/content/zotero/xpcom/reader.js b/chrome/content/zotero/xpcom/reader.js
index 000aa84678..8249f81a81 100644
--- a/chrome/content/zotero/xpcom/reader.js
+++ b/chrome/content/zotero/xpcom/reader.js
@@ -865,8 +865,6 @@ class ReaderInstance {
 			}
 		});
 		menupopup.className = 'tags-popup';
-		menupopup.style.font = 'inherit';
-		menupopup.style.minWidth = '300px';
 		menupopup.setAttribute('ignorekeys', true);
 		let tagsbox = new (this._window.customElements.get('tags-box'));
 		menupopup.appendChild(tagsbox);
diff --git a/scss/_zotero.scss b/scss/_zotero.scss
index f0aadecbdd..0aa566bb51 100644
--- a/scss/_zotero.scss
+++ b/scss/_zotero.scss
@@ -52,6 +52,7 @@
 @import "components/virtualized-table";
 @import "components/tabsMenu";
 @import "components/newCollectionDialog";
+@import "components/reader";
 
 // Elements
 // --------------------------------------------------
diff --git a/scss/components/_reader.scss b/scss/components/_reader.scss
new file mode 100644
index 0000000000..877b2eddcf
--- /dev/null
+++ b/scss/components/_reader.scss
@@ -0,0 +1,5 @@
+menupopup.tags-popup {
+	font: inherit;
+	min-width: 300px;
+	padding-inline: 8px;
+}