diff --git a/src/base.ts b/src/base.ts
index 7f6be76..0debcda 100644
--- a/src/base.ts
+++ b/src/base.ts
@@ -70,6 +70,7 @@ export const renderPDF = async (containerDiv: Element, documentUrl: string) => {
   pageNumberInput.className = 'page-number-input';
   pageNumberInput.type = 'number';
   const pageDiv = document.createElement('div');
+  pageDiv.className = 'page-label';
   const outOfDiv = document.createElement('div');
   const pageCountDiv = document.createElement('div');
   const nextButton = document.createElement('button');
diff --git a/styles/styles.css b/styles/styles.css
index 42ff8bc..4962e2a 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -76,6 +76,13 @@ div.document-viewer-ts.viewer-container {
   z-index: 999;
 }
 
+.page-label {
+  display: none;
+  @media (min-width: 36em) {
+    display: flex;
+  }
+}
+
 .document-viewer-ts .viewer-controls:hover {
   opacity: 1;
 }