diff --git a/web/viewer.css b/web/viewer.css
index c73581062..0a034e2a7 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -665,7 +665,6 @@ html[dir='rtl'] .dropdownToolbarButton {
 }
 
 .dropdownToolbarButton {
-  min-width: 120px;
   max-width: 120px;
   padding: 3px 2px 2px;
   overflow: hidden;
diff --git a/web/viewer.js b/web/viewer.js
index a2b41da4f..7192c14aa 100644
--- a/web/viewer.js
+++ b/web/viewer.js
@@ -3113,6 +3113,16 @@ function selectScaleOption(value) {
 
 window.addEventListener('localized', function localized(evt) {
   document.getElementsByTagName('html')[0].dir = mozL10n.getDirection();
+
+  // Adjust the width of the zoom box to fit the content.
+  var container = document.getElementById('scaleSelectContainer');
+  var select = document.getElementById('scaleSelect');
+
+  select.setAttribute('style', 'min-width: inherit;');
+  var width = select.clientWidth + 8;
+  container.setAttribute('style', 'min-width: ' + width + 'px; ' +
+                                  'max-width: ' + width + 'px;');
+  select.setAttribute('style', 'min-width: ' + (width + 20) + 'px;');
 }, true);
 
 window.addEventListener('scalechange', function scalechange(evt) {