From 8712e7dd160564f9a923a88bf5871e63c79d40f0 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 2 Mar 2026 11:21:47 +0200
Subject: [PATCH] style/pdf viewer: fix some layout issues in toolbar

---
 packages/pdfjs-viewer/src/custom.css | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/pdfjs-viewer/src/custom.css b/packages/pdfjs-viewer/src/custom.css
index bee9cfcf26..8f7ff95343 100644
--- a/packages/pdfjs-viewer/src/custom.css
+++ b/packages/pdfjs-viewer/src/custom.css
@@ -91,7 +91,7 @@ input[type="number"] {
     --input-horizontal-padding: 8px;
 
     border-radius: 4px !important;
-    font-size: .85rem !important;
+    font-size: .85rem;
 
     &:hover {
         --field-bg-color: var(--tn-input-hover-background);
@@ -135,12 +135,14 @@ input[type="color"] {
 
 /* #region Toolbar */
 
-#toolbarContainer select.scaleSelect,
-#toolbarContainer input.pageNumber {
+#toolbarContainer select#scaleSelect,
+#toolbarContainer input#pageNumber {
     height: calc(var(--toolbar-height) - 8px);
     padding-block: 0;
+    font-size: 13px;
 }
 
+
 #toolbarContainer {
     padding-inline: 12px;
 }
@@ -230,14 +232,19 @@ input[type="color"] {
 }
 
 #toolbarContainer #toolbarViewer #pageNumber {
-    font-size: 12px;
     font-weight: 600;
 }
 
+#numPages {
+    font-size: 13px;
+    line-height: unset;
+}
+
 #scaleSelectContainer {
     --dropdown-btn-bg-color: transparent;
     --button-hover-color: transparent;
     border-radius: 6px;
+    margin-top: 1px;
 
     &:hover,
     &:focus-within{