diff --git a/frontend/src/components/ui/navigation/navigation-button.ts b/frontend/src/components/ui/navigation/navigation-button.ts
index 8dc06d58..cfe57aeb 100644
--- a/frontend/src/components/ui/navigation/navigation-button.ts
+++ b/frontend/src/components/ui/navigation/navigation-button.ts
@@ -80,7 +80,7 @@ export class NavigationButton extends TailwindElement {
       class=${clsx([
         tw`flex w-full cursor-pointer items-center gap-2 rounded font-medium leading-[16px] transition hover:transition-none focus-visible:outline focus-visible:outline-3 focus-visible:outline-offset-1 disabled:cursor-not-allowed disabled:bg-transparent disabled:opacity-50`,
         {
-          "x-small": tw`min-size-6 px-1 py-0`,
+          "x-small": tw`min-h-6 min-w-6 px-1 py-0`,
           small: tw`min-h-6 px-2 py-0`,
           medium: tw`p-2`,
           large: tw`px-2 py-4`,
diff --git a/frontend/src/components/ui/pagination.ts b/frontend/src/components/ui/pagination.ts
index 429cce8b..91e86259 100644
--- a/frontend/src/components/ui/pagination.ts
+++ b/frontend/src/components/ui/pagination.ts
@@ -107,6 +107,8 @@ export class Pagination extends LitElement {
 
       /* Use width of text to determine input width */
       .totalPages {
+        /* Match the height of '<btrix-inline-input size="small">' */
+        --sl-input-height-small: var(--sl-font-size-x-large);
         padding: 0 1ch;
         height: var(--sl-input-height-small);
         min-width: 1ch;