diff --git a/src/App.tsx b/src/App.tsx
index 56149c9..2c16ce8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1142,6 +1142,22 @@ function App() {
                       <button className="zoom-spinner-btn" aria-label="Increase UI scale" onClick={() => setUiZoom(z => Math.min(200, z + 10))}><Plus size={12} /></button>
                     </div>
                   </div>
+                  <div className="menu-dropdown-zoom" onClick={e => e.stopPropagation()}>
+                    <span>Content Zoom</span>
+                    <div className="zoom-spinner" aria-label="Content Zoom">
+                      <button className="zoom-spinner-btn" aria-label="Decrease content zoom" onClick={() => setZoom(z => Math.max(50, z - 10))}><Minus size={12} /></button>
+                      <span className="zoom-spinner-value">{zoom}%</span>
+                      <button className="zoom-spinner-btn" aria-label="Increase content zoom" onClick={() => setZoom(z => Math.min(200, z + 10))}><Plus size={12} /></button>
+                    </div>
+                  </div>
+                  <div className="menu-dropdown-zoom" onClick={e => e.stopPropagation()}>
+                    <span>Content Width</span>
+                    <div className="zoom-spinner" aria-label="Content Width">
+                      <button className="zoom-spinner-btn" aria-label="Decrease content width" onClick={() => setContentWidth(w => Math.max(400, w - 40))}><Minus size={12} /></button>
+                      <span className="zoom-spinner-value">{contentWidth}px</span>
+                      <button className="zoom-spinner-btn" aria-label="Increase content width" onClick={() => setContentWidth(w => Math.min(1200, w + 40))}><Plus size={12} /></button>
+                    </div>
+                  </div>
                 </motion.div>
               )}
               {menuOpen === 'help' && menuItemRefs.current['help'] && (