diff --git a/unredact/static/dom.js b/unredact/static/dom.js
index 69680ce..2012956 100644
--- a/unredact/static/dom.js
+++ b/unredact/static/dom.js
@@ -54,6 +54,8 @@ export const leftTextInput = /** @type {HTMLInputElement} */ (document.getElemen
 export const rightTextInput = /** @type {HTMLInputElement} */ (document.getElementById("right-text-input"));
 export const redactionMarker = /** @type {HTMLInputElement} */ (document.getElementById("redaction-marker"));
 export const textReset = document.getElementById("text-reset");
+export const mobileTabs = document.getElementById("mobile-tabs");
+export const leftPanel = document.getElementById("left-panel");
 export const toastContainer = document.getElementById("toast-container");
 
 /**
diff --git a/unredact/static/index.html b/unredact/static/index.html
index b09bbc6..34b9e51 100644
--- a/unredact/static/index.html
+++ b/unredact/static/index.html
@@ -33,6 +33,10 @@
       </div>
 
       <div id="workspace">
+        <div id="mobile-tabs" class="mobile-tabs">
+          <button class="mobile-tab active" data-tab="document">Document</button>
+          <button class="mobile-tab" data-tab="redactions">Redactions</button>
+        </div>
         <div id="left-panel">
           <button id="detect-btn" disabled>Detect Redactions</button>
           <div id="ocr-status"></div>